<!--
 * @Author: 华芊芊 huaqianqian@yeah.net
 * @Date: 2023-10-27 14:20:00
 * @LastEditors: 华芊芊 huaqianqian@yeah.net
 * @LastEditTime: 2023-11-30 10:44:40
 * @FilePath: \zmglpt-ui-screen\src\views\qjzl\qjzl.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="qjzl">
    <div v-if="isHighlight" :style="{position: 'absolute','z-index':9999,
      'left': hl_px+'px',
      'top': hl_py+'px'
      }" class="bolldiv"><img src="../../assets/tooltip-bg.png" :style="{transform: `rotate(${highLightRotation}deg)`}"></div>
    <timePicker @timeChange="timeChangeFn" />
    <div class="qjzlleft">
      <div class="xzxk-box">
        <div class="lftitlebg" ref="xzxk"></div>
        <div class="xzxk-lineone">
          <div class="box-one">
            <!--持证户 -->
            <div class="hold-lic-box">
              <div class="chunk">
                <img
                  style="width: 10px; height: 10px; margin-right: 5px"
                  src="../../assets/common-new/nation-icon.png"
                  alt=""
                />
                <span class="fs-18 fw-600">持证户数(户)</span>
              </div>
              <div class="chunk">
                <div class="main-color fs-24 fw-600">
                  <!-- <count-to
                  :startVal="0"
                  :endVal="Number(NewXzxk.homeHoldLicenseNum)"
                  :duration="3000"
                ></count-to -->
                  <my-tooltip :numData="numData1" :popData="popData1" />
                </div>
              </div>
              <!-- <div class="chunk">
              <div>增幅&nbsp;</div>
              <div
                :class="NewXzxk.homeAmplify > 0 ? 'danger-color' : 'safe-color'"
              >
                <count-to
                  :startVal="0"
                  :endVal="Number(NewXzxk.homeAmplify)"
                  :duration="3000"
                  :decimals="2"
                  suffix="%"
                ></count-to>
              </div>
              &nbsp;
              <div class="arrow">
                <img
                  v-if="NewXzxk.homeAmplify > 0"
                  src="../../assets/common-new/red-top.png"
                  alt=""
                />
                <img
                  v-else
                  src="../../assets/common-new/green-down.png"
                  alt=""
                />
              </div>
            </div>
            <div class="chunk">
              <div>全国增幅&nbsp;</div>
              <div
                :class="
                  NewXzxk.homeCountrieData > 0 ? 'danger-color' : 'safe-color'
                "
              >
                <count-to
                  :startVal="0"
                  :endVal="Number(NewXzxk.homeCountrieData)"
                  :duration="3000"
                  :decimals="2"
                  suffix="%"
                ></count-to>
                &nbsp;
              </div>
              <div class="arrow">
                <img
                  v-if="NewXzxk.homeCountrieData > 0"
                  src="../../assets/common-new/red-top.png"
                  alt=""
                />
                <img
                  v-else
                  src="../../assets/common-new/green-down.png"
                  alt=""
                />
              </div>
            </div> -->
            </div>
            <!-- 合理容量 -->
            <div class="capacity-box hoverpointer">
              <div v-show="capacityBoxShow" class="capacityImg"></div>
              <div v-show="capacityBoxShow2" class="capacityImg2">
                <!-- 全省上下限： <span class="main-color">{{ capacityRange }}</span> -->
                <div class="capacity-box">
                  <div class="head">
                    <div class="head-item">区域</div>
                    <div class="head-item">下限</div>
                    <div class="head-item">上限</div>
                  </div>
                  <div
                    class="body"
                    v-for="(item, index) in capacityRange"
                    :key="index"
                  >
                    <div class="body-item">{{ item.org_name }}</div>
                    <div class="body-item">{{ item.lower_limit }}</div>
                    <div class="body-item">{{ item.upper_limit }}</div>
                  </div>
                </div>
              </div>
              <div
                class="fs-18 fw-600"
                @mouseenter="showCapacity"
                @mouseleave="hideCapacity"
              >
                <img
                  style="width: 10px; height: 10px; margin-right: 5px"
                  src="../../assets/common-new/nation-icon.png"
                  alt=""
                />
                合理容量饱和度
              </div>
              <div class="fs-24 fw-600">
                <div
                  :class="
                    NewXzxk.homeLicCapacity > 100
                      ? 'danger-color'
                      : 'safe-color'
                  "
                  @mouseenter="capacityBoxShow2 = true"
                  @mouseleave="capacityBoxShow2 = false"
                >
                  <count-to
                    :startVal="0"
                    :endVal="Number(NewXzxk.homeLicCapacity)"
                    :duration="3000"
                    :decimals="2"
                    suffix="%"
                  ></count-to>
                </div>
              </div>
            </div>
          </div>
          <div class="xzxk-linethr">
            <div class="title" ref="shl">商户率</div>
            <div id="retailer-process"></div>
            <div class="center"></div>
          </div>
        </div>
        <!-- <div class="xzxk-linetwo"> -->
        <!-- 零售户净增 -->
        <!-- <div class="retailer-increase-box">
            <div class="title">地市局零售户净增量</div>
            <div id="retailer-increase-bar"></div>
          </div>
        </div> -->
        <!-- 商户率 -->
        <!-- 零售业态 -->
        <div class="retail-format" ref="lsyt">
          <div class="lm-center">
            <div class="lm-top"></div>
            <retail-format
              ref="retailFormat"
              @retailerIntro="getRetailerIntro"
              @retailerIntroHide="getRetailerIntroHide"
              style="height: 130px; margin-top: 10px"
              :retailFormatData="retailFormatData"
              :retailFormatEachrt="retailFormatEachrt"
            ></retail-format>

            <img
              v-show="retailerIntroImg === 0"
              class="intro1"
              src="../../assets/qjzl-new/xzxk/pop/1.png"
              alt=""
            />
            <img
              v-show="retailerIntroImg === 1"
              class="intro2"
              src="../../assets/qjzl-new/xzxk/pop/2.png"
              alt=""
            />
            <img
              v-show="retailerIntroImg === 2"
              class="intro3"
              src="../../assets/qjzl-new/xzxk/pop/3.png"
              alt=""
            />
            <img
              v-show="retailerIntroImg === 3"
              class="intro4"
              src="../../assets/qjzl-new/xzxk/pop/4.png"
              alt=""
            />
            <img
              v-show="retailerIntroImg === 4"
              class="intro5"
              src="../../assets/qjzl-new/xzxk/pop/5.png"
              alt=""
            />
            <img
              v-show="retailerIntroImg === 5"
              class="intro6"
              src="../../assets/qjzl-new/xzxk/pop/6.png"
              alt=""
            />
          </div>
        </div>

        <div class="xzxk-linefive" ref="dbl">
          <div
            class="chunk"
            v-for="(item, index) in fiveAndFiveMode"
            :key="index"
          >
            <div class="title fs-18 fw-600">
              <img
                style="width: 10px; height: 10px; margin-right: 5px"
                src="../../assets/common-new/prov-icon.png"
                alt=""
              />{{ item.title }}
            </div>
            <div class="fs-24 fw-600 num" :class="item.color">
              <div>
                <my-tooltip
                    tooltipBoxStyle="left: -86px; width: 300px; top: 45px;"
                    :numData="numData27" :popData="popData27"/>
              </div>

              <!-- <div v-if="item.per" class="fs-14 per" :class="item.color">
                <div>
                  <span class="white-color">同比&nbsp;</span>
                  <span v-if="item.per !== '-'">
                    <CountTo
                      :startVal="0"
                      :endVal="Number(item.per)"
                      :decimals="item.decimals"
                      :suffix="item.suffix"
                      :duration="3000"
                  /></span>
                  <span v-else class="main-color">-</span>
                </div>
                <div v-if="item.per !== '-'" class="arrow">
                  <img
                    v-if="item.per < 0"
                    src="../../assets/common-new/red-down.png"
                    alt=""
                  />
                  <img
                    v-else
                    src="../../assets/common-new/green-top.png"
                    alt=""
                  />
                </div>
              </div> -->
            </div>
          </div>
        </div>
      </div>
      <!-- 行政许可部分完毕 -->
      <div class="scjg-box">
        <div class="lftitlebg lftitlebg2"></div>
        <div class="supervision-situation-box" ref="jchc">
          <div
            class="chunk"
            v-for="(item, index) in supervisionSituation"
            :key="index"
          >
            <div class="title fs-18 fw-600">
              <img
                v-if="!index"
                style="width: 10px; height: 10px; margin-right: 5px"
                src="../../assets/common-new/nation-icon.png"
                alt=""
              />{{ item.title }}
            </div>
            <div class="fs-24 fw-600 num">
              <div class="main-color">
                <!-- <CountTo
                  :startVal="0"
                  :endVal="Number(item.num)"
                  :duration="3000"
                /> -->
                <my-tooltip
                  v-show="!index"
                  tooltipBoxStyle="left: -126px;top:45px;width: 300px"
                  :numData="numData2"
                  :popData="popData2"
                />
                <my-tooltip
                  v-show="index === 1"
                  tooltipBoxStyle="left: -126px;top:45px;width: 300px"
                  :numData="numData3"
                  :popData="popData3"
                />
              </div>
              <!-- <div class="fs-14 per" :class="item.color">
                <div>
                  <span class="white-color">同比&nbsp;</span>
                  <CountTo
                    v-if="item.per && item.per !== '-'"
                    :startVal="0"
                    :endVal="Number(item.per)"
                    :decimals="item.decimals"
                    :suffix="item.suffix"
                    :duration="3000"
                  />
                  <span v-else class="main-color">-</span>
                </div>
                <div class="arrow">
                  <img
                    v-if="item.per && item.per !== '-'"
                    :src="item.arrowSrc"
                    alt=""
                  />
                </div>
              </div>
              <div class="fs-14 per" :class="item.color2">
                <div>
                  <span class="white-color">占比&nbsp;</span>
                  <CountTo
                    v-if="item.per2 && item.per2 !== '-'"
                    :startVal="0"
                    :endVal="Number(item.per2)"
                    :decimals="item.decimals"
                    :suffix="item.suffix"
                    :duration="3000"
                  />
                  <span v-else class="main-color">-</span>
                </div>
              </div> -->
            </div>
          </div>
          <div class="chunk2" ref="wghs">
            <div v-if="showLateUncheckPop" class="late-uncheck-pop">
              <!-- <div class="content">
                <div class="title">
                  <div style="width: 10%" class="fw-600">地市局</div>
                  <div style="width: 25%" class="fw-600">区县局</div>
                  <div style="width: 35%" class="fw-600">计划执行人</div>
                  <div style="width: 15%" class="fw-600">计划完成时间</div>
                  <div style="width: 15%" class="fw-600">未完成户数</div>
                </div>
                <div class="num">
                  <vue-seamless-scroll
                    class="scroll-box"
                    :data="uncheckData"
                    :class-option="scrollOption"
                  >
                    <div
                      v-for="(item, index) in uncheckData"
                      class="item"
                      :key="index"
                    >
                      <div style="width: 10%">{{ item.city_org_name }}</div>
                      <div style="width: 25%">{{ item.county_org_name }}</div>
                      <div style="width: 35%">{{ item.checkers }}</div>
                      <div style="width: 15%">{{ item.plan_finish_date }}</div>
                      <div style="width: 15%">{{ item.un_check_num }}</div>
                    </div>
                  </vue-seamless-scroll>
                </div>
              </div> -->

              <div class="content">
                <div class="title">
                  <div style="width: 50%" class="fw-600">地市局</div>
                  <div style="width: 50%" class="fw-600">违规户数</div>
                </div>
                <div class="num">
                  <vue-seamless-scroll
                    class="scroll-box"
                    :data="wglshsDataList"
                    :class-option="scrollOption"
                  >
                    <div
                      v-for="(item, index) in wglshsDataList"
                      class="item"
                      :key="index"
                    >
                      <div style="width: 50%">{{ item.city_org_name }}</div>
                      <div style="width: 50%">{{ item.wg_num }}</div>
                    </div>
                  </vue-seamless-scroll>
                </div>
              </div>
            </div>
            <div
              class="chunk2-item"
              :style="item.pop ? 'cursor: pointer;' : ''"
              @click="lateUncheckPop(item.pop)"
              v-for="(item, index) in wglshCount"
              :key="index"
            >
              <div class="fs-18 title fw-600">{{ item.title }}</div>
              <div class="fs-24 num fw-600" :class="item.color">
                <CountTo
                  v-if="item.num !== '-'"
                  :startVal="0"
                  :endVal="Number(item.wglsh_count)"
                  :decimals="item.decimals"
                  :suffix="item.suffix"
                  :duration="3000"
                />
                <span v-else class="main-color">-</span>
              </div>
            </div>
          </div>
        </div>
        <div class="supervision-effect-box" ref="jcmzl">
          <div class="list-two">
            <div
              class="list-two-item"
              v-for="(item, index) in supervisionE"
              :key="index"
            >
              <div>
                <span class="fs-20 fw-600 main-color">
                  <!-- <count-to
                    :startVal="0"
                    :endVal="Number(item.num)"
                    :duration="3000"
                    :decimals="item.decimals"
                    :suffix="item.suffix"
                  ></count-to
                > -->
                  <my-tooltip
                    v-show="!index"
                    tooltipBoxStyle="left: -14px;top:25px;width: 140px"
                    :numData="numData4"
                    :popData="popData4"
                  />
                  <my-tooltip
                    v-show="index === 1"
                    tooltipBoxStyle="left: -14px;top:25px;width: 140px"
                    :numData="numData5"
                    :popData="popData5"
                  />
                  <my-tooltip
                    v-show="index === 2"
                    tooltipBoxStyle="left: -50px;top:25px;width: 140px"
                    :numData="numData6"
                    :popData="popData6"
                  />
                </span>
              </div>
              <div class="per" :class="item.color">
                <!-- <span class="white-color">同比&nbsp;</span>
                <count-to
                  v-if="item.per && item.per !== '-'"
                  :startVal="0"
                  :endVal="Number(item.per)"
                  :duration="3000"
                  :decimals="2"
                  suffix="%"
                ></count-to> -->
                <!-- <span v-else class="main-color">-</span> -->
                <!-- <img
                  v-if="item.per !== '-' && item.per != 0"
                  :src="item.arrowSrc"
                  alt=""
                /> -->
              </div>
              <div class="fs-14 fw-600 title">{{ item.title }}</div>
            </div>
          </div>
        </div>
        <!-- <div class="tips">
          注：
          <img
            style="width: 10px; height: 10px; margin-right: 5px"
            src="../../assets/common-new/nation-icon.png"
            alt=""
          />
          为国家局考核指标；<img
            style="width: 10px; height: 10px; margin-right: 5px"
            src="../../assets/common-new/prov-icon.png"
            alt=""
          />
          为省局考核指标。
        </div> -->
      </div>
      <!-- 市场监管部分完毕 -->
    </div>
    <div class="qjzlcenter positiondiv">
      <div class="dflex width100per justifybetween">
        <!-- 标题 -->
        <div class="maptableft">
          <div class="centitlebg"></div>
        </div>
        <!-- 时间 -->
        <div class="maptabright" style="flex: 1">
          <div class="dflex" style="width: 100%; position: relative">
            <div
              class="fontsize14 dflex"
              style="
                position: absolute;
                right: 0;
                top: 0;
                align-items: center;
                justify-content: flex-end;
              "
            >
              <!-- 时间： -->
              <!-- <div class="timebg"> -->
              <!-- <el-date-picker readonly value-format="yyyy-MM-dd" format="yyyy-MM-dd" v-model="defaultDate" type="daterange"
                  range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期">
                </el-date-picker> -->
              <!-- {{ nowTime }} -->
              <!-- </div> -->
            </div>
          </div>
        </div>
      </div>
      <!-- 这里是市场秩序评价中间地图部分开始 -->
      <div class="width100per cenmap divclear">
        <div class="width100per height100per dflex justifybetween">
          <!-- 图例 -->
          <div class="partflex height100per positiondiv">
            <div class="width100per mapheightqjzl map-box">
              <!-- <div class="map-back-btn">
                <div class="back">返回</div>
              </div> -->
              <div
                class="map-back-btn"
                v-for="item in clickArea"
                :key="item.code"
              >
                <!-- <img src="../../assets/common-new/back.png" alt="" /> -->
                <div class="prov" @click="mapBack(item.code)">
                  {{ item.name }}
                </div>
              </div>
              <div
                id="myEchart"
                ref="myEchart"
                class="width100per mapheightqjzl"
              />
              <!-- <div id="chart-panel" class="width100per mapheightqjzl"></div> -->
            </div>
            <div class="width100per height100per divclear">
              <div class="bzdivbot">
                <div class="pjwddiv">
                  <div class="fontsize16 fontweight whitecolor" style="text-align: right">评价维度</div>
                  <div class="compj">
                    <div
                      class="compj-item"
                      v-for="(item, index) in maplist.maplista"
                      @click="getMarketStatus(index)"
                      :key="index"
                    >
                      <div v-show="showPop === index" class="market-status-box">
                        <div class="title">{{ item.name }}排名</div>
                        <div class="content">
                          <div
                            class="item"
                            v-for="(item, index) in evaluateDimension"
                            :key="index"
                          >
                            <div class="range">{{ index + 1 }}</div>
                            <div class="name">{{ item.cityName }}</div>
                          </div>
                        </div>
                      </div>
                      <!-- <div
                        class="blockcolor marginright6px lineblock fontsize14 whitecolor"
                        :style="'background:' + item.color"
                      ></div> -->
                      <img
                      style="width:16px;height: 16px;"
                        src="../../assets/qjzl-new/centerMap/icon.png"
                        alt=""
                      />
                      {{ item.name }}
                    </div>
                  </div>
                </div>
                <!-- <div class="pjjgdiv margintop25">
                  <div class="fontsize14 fontweight whitecolor">评价结果</div>
                  <div class="compj">
                    <div v-for="(item, index) in maplist.maplistb">
                      <div
                        class="blockcolor marginright6px lineblock fontsize14 whitecolor"
                        :style="'background:' + item.color"
                      ></div>
                      {{ item.name }}
                    </div>
                  </div>
                </div> -->
                <!-- <div class="unit-box margintop25">
                  <div class="fontsize14 fontweight whitecolor">分组系数</div>
                  <div class="compj">
                    <div v-for="(item, index) in maplist.maplistc">
                      <div
                        class="blockcolor marginright6px lineblock fontsize14 whitecolor"
                        :style="'background:' + item.color"
                      ></div>
                      {{ item.name }}
                    </div>
                  </div>
                </div> -->
              </div>
            </div>
          </div>
          <!-- 得分列表 -->
          <div class="width212px">
            <div class="width100per">
              <div class="evaluation-result-box">
                <div class="title">评价结果</div>
                <div class="content">
                  <div class="item" v-for="item in maplist.maplistb">
                    {{ item.name }}&nbsp;&nbsp;
                  </div>
                </div>
              </div>
              <ul class="width100per sortmapul">
                <li>
                  <div
                    class="width100per dflex fontsize14 fontweight whitecolor justifybetween"
                  >
                    <div class="widthdiv43">排名</div>
                    <div class="parthalfflex4">单位</div>
                    <div class="parthalfflex43">得分</div>
                    <div>等级</div>
                  </div>
                </li>
                <li v-for="(item, index) in qsjydata.list">
                  <div
                    class="width100per dflex fontsize14 justifybetween alignitemflexstart"
                  >
                    <div class="widthdiv43">{{ index + 1 }}</div>
                    <div class="parthalfflex45">{{ item.unit }}</div>
                    <div class="parthalfflex">
                      <count-to
                        :startVal="0"
                        :endVal="Number(item.num)"
                        :duration="3000"
                        :decimals="2"
                      ></count-to>
                    </div>
                    <div>{{ item.range }}</div>
                  </div>
                </li>
                <!-- <li v-for="(item, index) in qsjydata.list2">
                  <div
                    class="width100per dflex fontsize14 justifybetween alignitemflexstart"
                  >
                    <div class="widthdiv43">{{ index + 1 }}</div>
                    <div class="parthalfflex45">{{ item.unit }}</div>
                    <div class="parthalfflex">
                      <count-to
                        :startVal="0"
                        :endVal="Number(item.num)"
                        :duration="3000"
                        :decimals="2"
                      ></count-to>
                    </div>
                    <div>{{ item.sort }}</div>
                  </div>
                </li>
                <li v-for="(item, index) in qsjydata.list3">
                  <div
                    class="width100per dflex fontsize14 justifybetween alignitemflexstart"
                  >
                    <div class="widthdiv43">{{ index + 1 }}</div>
                    <div class="parthalfflex45">{{ item.unit }}</div>
                    <div class="parthalfflex">
                      <count-to
                        :startVal="0"
                        :endVal="Number(item.num)"
                        :duration="3000"
                        :decimals="2"
                      ></count-to>
                    </div>
                    <div>{{ item.sort }}</div>
                  </div>
                </li>
                <li v-for="(item, index) in qsjydata.list4">
                  <div
                    class="width100per dflex fontsize14 justifybetween alignitemflexstart"
                  >
                    <div class="widthdiv43">{{ index + 1 }}</div>
                    <div class="parthalfflex45">{{ item.unit }}</div>
                    <div class="parthalfflex">
                      <count-to
                        :startVal="0"
                        :endVal="Number(item.num)"
                        :duration="3000"
                        :decimals="2"
                      ></count-to>
                    </div>
                    <div>{{ item.sort }}</div>
                  </div>
                </li> -->
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!-- 这里是市场秩序评价中间地图部分结束 -->
      <!-- 这里是真烟流出中间地图部分开始 -->
      <div
        class="width100per cenmapother divclear positiondiv"
        v-if="mapindex == 2"
      >
        <div class="width100per cenmapother" id="chinamap"></div>
        <div class="width100per cenmapother divclear divabsolute">
          <div class="dflex width100per">
            <div class="maptableft">
              <div class="width248px positiondiv">
                <div
                  class="width100per divclear fontsize14 fontweight whitecolor txtcenter flowbgtit dflex justifycen alignitemsend paddingbot3"
                >
                  真烟流出品规（Top10）
                </div>
                <div class="zyflowul">
                  <ul>
                    <li v-for="(item, index) in outflow.list">
                      <div
                        class="width100per dflex justifybetween fontsize14 whitecolor alignitem height36"
                      >
                        <div class="flagbg">
                          {{ index + 1 }}
                        </div>
                        <div class="yanwidth88">
                          {{ item.name }} {{ item.addres }}
                        </div>
                        <div class="fontsize14 lightblue whitewrap">
                          <count-to
                            :startVal="0"
                            :endVal="Number(item.num)"
                            :duration="3000"
                            :decimals="2"
                          ></count-to>
                          <span class="fontsize12 whitecolor marginleft2px"
                            >万支</span
                          >
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="partflex">
              <div class="width100per divclear txtcenter">
                <img
                  src="../../assets/qjzl/china.png"
                  class="imgbordernone txtcenter"
                />
                <!-- <div
                  class=" dflex justifycen fontsize14 whitecolor alignitem height36 margintop13px"
                >
                  <div>
                    <img
                      src="../../assets/qjzl/leftarrow.png"
                      class="imgbordernone"
                    />
                  </div>
                  <div class="chinadivfont dflex">
                    <div class="partflex marginleft2px marginright2px">
                      <dv-decoration-3 style="width: 50px; height: 25px" />
                    </div>
                    <div class="partflex">中国</div>
                    <div class="partflex marginleft2px marginright2px">
                      <dv-decoration-3 style="width: 50px; height: 25px" />
                    </div>
                  </div>
                  <div>
                    <img
                      src="../../assets/qjzl/rightarrow.png"
                      class="imgbordernone"
                    />
                  </div>
                </div> -->
              </div>
            </div>
            <div class="maptabright">
              <div class="width248px positiondiv">
                <div
                  class="width100per divclear fontsize14 fontweight whitecolor txtcenter flowbgtit dflex justifycen alignitemsend paddingbot3"
                >
                  流出数据统计数据
                </div>
                <div class="zyflowula">
                  <div class="zyflowulright" id="zyflowulrightbar"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 这里是真烟流出中间地图部分结束 -->
      <div
        class="width100per cenmapother divclear positiondiv"
        v-if="mapindex == 3"
      >
        <div class="width100per cenmapother" id="chinamapa"></div>
        <div class="width100per cenmapother divclear divabsolute">
          <div class="dflex width100per">
            <div class="maptableft">
              <div class="width248px positiondiv">
                <div
                  class="width100per divclear fontsize14 fontweight whitecolor txtcenter flowbgtit dflex justifycen alignitemsend paddingbot3"
                >
                  真烟流入品规（TOP10）
                </div>
                <div class="zyflowul">
                  <ul>
                    <li v-for="(item, index) in outflow.lista">
                      <div
                        class="width100per dflex justifybetween fontsize14 whitecolor alignitem height36"
                      >
                        <div class="flagbg">
                          {{ index + 1 }}
                        </div>
                        <div class="yanwidth88">
                          {{ item.name }} {{ item.addres }}
                        </div>
                        <div class="fontsize14 lightblue whitewrap">
                          <count-to
                            :startVal="0"
                            :endVal="Number(item.num)"
                            :duration="3000"
                            :decimals="2"
                          ></count-to>
                          <span class="fontsize12 whitecolor marginleft2px"
                            >万支</span
                          >
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="partflex">
              <div class="width100per divclear txtcenter">
                <img
                  src="../../assets/qjzl/china.png"
                  class="imgbordernone txtcenter"
                />
                <!-- <div class="dflex justifycen chinadivfont"></div> -->
                <!-- <div
                  class=" dflex justifycen fontsize14 whitecolor alignitem height36 margintop13px"
                >
                  <div>
                    <img
                      src="../../assets/qjzl/leftarrow.png"
                      class="imgbordernone"
                    />
                  </div>
                  <div class="chinadivfont dflex">
                    <div class="partflex marginleft2px marginright2px">
                      <dv-decoration-3 style="width: 50px; height: 25px" />
                    </div>
                    <div class="partflex">中国</div>
                    <div class="partflex marginleft2px marginright2px">
                      <dv-decoration-3 style="width: 50px; height: 25px" />
                    </div>
                  </div>
                  <div>
                    <img
                      src="../../assets/qjzl/rightarrow.png"
                      class="imgbordernone"
                    />
                  </div>
                </div> -->
              </div>
            </div>
            <div class="maptabright">
              <div class="width248px positiondiv">
                <div
                  class="width100per divclear fontsize14 fontweight whitecolor txtcenter flowbgtit dflex justifycen alignitemsend paddingbot3"
                >
                  流入数据统计数据
                </div>
                <div class="zyflowula">
                  <div class="zyflowulright" id="zyflowulrightbara"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="gobackdiv" v-if="mapindex != 1">
        <img
          src="../../assets/qjzl/back.png"
          class="imgalimg imgbordernone hoverpointer"
          @click="gobackindex()"
        />
      </div>
      <div class="width100per divclear">
        <div class="dflex width100per">
          <div class="maptableft">
            <div class="centitlebg2"></div>
          </div>
        </div>
      </div>
      <div class="nbjg-box">
        <div class="content" v-for="(item, index) in NewNbjg.list" :key="index">
          <div class="title fw-600">
            {{ item.title }}
          </div>
          <div class="main">
            <div class="mode">
              <div class="mode-title fw-600">
                {{ item.mod1.title }}
              </div>
              <div class="num">
                <div class="main-color fs-22 fw-600">
                  <!-- <count-to
                    v-if="item.mod1.num && item.mod1.num !== '-'"
                    :startVal="0"
                    :endVal="Number(item.mod1.num)"
                    :duration="3000"
                    :decimals="item.mod1.decimals"
                  ></count-to> -->
                  <my-tooltip
                    v-show="!index"
                    tooltipBoxStyle="left: -50px;top:18px;width: 120px"
                    :numData="numData17"
                    :popData="popData17"
                  />
                  <my-tooltip
                    v-show="index === 1"
                    tooltipBoxStyle="left: -18px;top:18px;width: 120px"
                    :numData="numData19"
                    :popData="popData19"
                  />
                  <my-tooltip
                    v-show="index === 2"
                    tooltipBoxStyle="left: -18px;top:18px;width: 120px"
                    :numData="numData21"
                    :popData="popData21"
                  />
                  <span v-if="item.mod1.num === '-'" class="main-color">-</span>
                </div>
                <!-- <span class="fs-12">{{ item.mod1.unit }}</span> -->
              </div>
              <!-- <div class="per fs-14">
                <span>同比&nbsp;</span>
                <span class="main-color">
                  <span v-if="item.mod1.per && item.mod1.per !== '-'">
                    <count-to
                      :startVal="0"
                      :endVal="Number(item.mod1.per)"
                      :duration="3000"
                      :decimals="2"
                    ></count-to
                  ></span>
                  <span v-else class="main-color">-</span>
                  <span v-if="item.mod1.per !== '-'">%</span> &nbsp;</span
                >
                <span v-if="item.mod1.per !== '-' && item.mod1.per !== '0.00'">
                  <img :src="item.mod1.src" alt=""
                /></span>
              </div> -->
            </div>
            <div class="mode">
              <div class="mode-title fw-600">
                {{ item.mod2.title }}
              </div>
              <div class="num">
                <div class="main-color fs-22 fw-600">
                  <!-- <count-to
                    v-if="item.mod2.num && item.mod2.num !== '-'"
                    :startVal="0"
                    :endVal="Number(item.mod2.num)"
                    :duration="3000"
                    :decimals="item.mod2.decimals"
                    :suffix="item.mod2.unit"
                  ></count-to> -->
                  <!-- <span v-else class="main-color">-</span> -->
                  <my-tooltip
                    v-show="!index"
                    tooltipBoxStyle="left: -50px;top:18px;width: 120px"
                    :numData="numData18"
                    :popData="popData18"
                  />
                  <my-tooltip
                    v-show="index === 1"
                    tooltipBoxStyle="left: -18px;top:18px;width: 120px"
                    :numData="numData20"
                    :popData="popData20"
                  />
                  <my-tooltip
                    v-show="index === 2"
                    tooltipBoxStyle="left: -18px;top:18px;width: 120px"
                    :numData="numData22"
                    :popData="popData22"
                  />
                  <span v-if="item.mod2.num === '-'" class="main-color">-</span>
                </div>
                <!-- <span
                  :class="item.mod2.unit === '%' ? 'main-color' : ''"
                  class="fs-12"
                  >{{ item.mod2.unit }}</span
                > -->
              </div>
              <!-- <div class="per fs-14">
                <span>同比&nbsp;</span>
                <span class="main-color">
                  <span v-if="item.mod1.per && item.mod2.per !== '-'">
                    <count-to
                      :startVal="0"
                      :endVal="Number(item.mod2.per)"
                      :duration="3000"
                      :decimals="2"
                    ></count-to
                  ></span>
                  <span v-else class="main-color">-</span>
                  <span v-if="item.mod2.per !== '-'">%</span>&nbsp;</span
                >
                <span v-if="item.mod2.per !== '-' && item.mod2.per !== '0.00'">
                  <img :src="item.mod2.src" alt="" />
                </span>
              </div> -->
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="qjzlright">
      <!-- 打假打私 -->
      <div class="ajgl-box">
        <div class="lftitlebg lftitlebg4"></div>
        <div class="content">
          <div
            class="main"
            v-for="(itme, index) in NewDjds"
            :key="index"
            :style="{ height: index <= 1 ? '150px' : '120px' }"
          >
            <div class="title">{{ itme.title }}</div>
            <div class="num" style="z-index: 100">
              <!-- {{ itme.num }} -->
              <my-tooltip
                v-show="!index"
                tooltipBoxStyle="left: -60px;top:25px;width: 200px"
                :numData="numData7"
                :popData="popData7"
              />
              <my-tooltip
                v-show="index === 1"
                tooltipBoxStyle="left: -87px;top:25px;width: 200px"
                :numData="numData8"
                :popData="popData8"
              />
              <my-tooltip
                v-show="index === 2"
                tooltipBoxStyle="left: -38px;top:25px;width: 140px"
                :numData="numData9"
                :popData="popData9"
              />
              <my-tooltip
                v-show="index === 3"
                tooltipBoxStyle="left: -87px;top:25px;width: 140px"
                :numData="numData10"
                :popData="popData10"
              />
            </div>

            <!-- <chart v-if="index <= 1" :data="itme"></chart> -->
            <div class="bg"></div>
            <!-- <div class="lable">
              {{ itme.title2 }}
              <span class="fs-12 main-color fw-600" v-if="index <= 1"
                ><count-to
                  :startVal="0"
                  :endVal="Number(itme.yearOnYear)"
                  :duration="3000"
                  :decimals="2"
                  :suffix="'%'"
                ></count-to
              ></span>
              <span
                class="fs-12 fw-600"
                v-if="index > 1"
                :class="itme.yearOnYear < 0 ? 'danger-color' : 'safe-color '"
                ><count-to
                  :startVal="0"
                  :endVal="Number(itme.yearOnYear)"
                  :duration="3000"
                  :decimals="2"
                  :suffix="'%'"
                ></count-to>
              </span>
              <div class="arrow">
                &nbsp;
                <img
                  v-if="itme.yearOnYear > 0"
                  src="../../assets/common-new/green-top.png"
                  alt=""
                />
                <img v-else src="../../assets/common-new/red-down.png" alt="" />
              </div>

            </div> -->
          </div>
          <!-- <chart :data="NewDjds[0]"></chart>
          <chart :data="NewDjds[1]"></chart> -->
        </div>
      </div>
      <!-- 电子烟管理 -->
      <div class="dzygl-box">
        <div class="lftitlebg lftitlebg5"></div>
        <div class="main">
          <div class="content">
            <div
              class="content-item"
              v-for="(item, index) in NewDzygl.list"
              :key="index"
            >
              <!-- <div class="title fs-14 fw-600">{{ item.title }}</div> -->
              <div class="num">
                <div
                  :style="`background:url(${item.img});background-size: 100% 100%;`"
                  class="text"
                >
                  <!-- <div  :style="{background:`url(${item.img})`}"  class="text"></div> -->
                  <span
                    style="width: 110px; font-size: 14px; padding-left: 30px"
                  >
                    {{ item.title }}
                  </span>
                  <span class="main-color fw-600">
                    <my-tooltip
                      v-show="index === 1"
                      tooltipBoxStyle="left: -186px;top:25px;width: 300px"
                      :numData="numData11"
                      :popData="popData11"
                    />
                    <my-tooltip
                      v-show="index === 2"
                      tooltipBoxStyle="left: -100px;top:25px;width: 300px"
                      :numData="numData12"
                      :popData="popData12"
                    />
                    <my-tooltip
                      v-show="index === 3"
                      tooltipBoxStyle="left: -186px;top:25px;width: 350px"
                      :numData="numData13"
                      :popData="popData13"
                    />
                    <my-tooltip
                      v-show="index === 4"
                      tooltipBoxStyle="left: -38px;top:25px;width: 140px"
                      :numData="numData14"
                      :popData="popData14"
                    />
                    <my-tooltip
                      v-show="index === 5"
                      tooltipBoxStyle="left: -186px;top:25px;width: 300px"
                      :numData="numData15"
                      :popData="popData15"
                    />
                    <my-tooltip
                      v-show="index === 7"
                      tooltipBoxStyle="left: -38px;top:25px;width: 140px"
                      :numData="numData16"
                      :popData="popData16"
                    />
                    <div  v-if="(index === 0 || index === 6)">
                      <count-to
                     v-if="item.num"
                      :startVal="0"
                      :endVal="Number(item.num)"
                      :duration="3000"
                      :decimals="item.decimals"
                    ></count-to>
                    <span v-else>-</span>
                    </div>


                  </span>
                  <!-- <span class="fs-14">{{ item.unit }}</span> -->
                </div>
                <!-- <div class="per">
                  <span v-if="item.per">
                    <span class="fs-14" v-if="index == 1">饱和率</span>
                    <span class="fs-14" v-if="index !== 1">同比</span>
                    <span
                      class="fs-14 ml-5 mr-5"
                      :class="item.range < 0 ? 'danger-color' : 'safe-color '"
                      v-if="item.per !== '-'"
                      ><count-to
                        :startVal="0"
                        :endVal="Number(item.per)"
                        :duration="3000"
                        :decimals="2"
                      ></count-to
                      >%</span
                    >
                    <span
                      class="fs-14 main-color ml-5 mr-5"
                      v-if="item.per == '-'"
                      >-</span
                    >
                    <span v-if="item.per !== '-'">
                      <img
                        v-if="item.per < 0"
                        src="../../assets/common-new/red-down.png"
                        alt=""
                      />
                      <img
                        v-else
                        src="../../assets/common-new/green-top.png"
                        alt=""
                      />
                    </span>
                  </span>
                  <span v-if="item.range">
                    &nbsp;&nbsp;&nbsp;
                    <span class="fs-14">全国排名</span>
                    <span
                      class="fs-14 ml-5 mr-5"
                      :class="item.range < 0 ? 'danger-color' : 'safe-color '"
                      ><count-to
                        :startVal="0"
                        :endVal="Number(item.range)"
                        :duration="3000"
                      ></count-to
                    ></span>
                    <img
                      v-if="item.range < 0"
                      src="../../assets/common-new/red-down.png"
                      alt=""
                    />
                    <img
                      v-else
                      src="../../assets/common-new/green-top.png"
                      alt=""
                    />
                  </span>
                </div> -->
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 信用监管 -->
      <div class="xyjg-box">
        <div class="lftitlebg lftitlebg3"></div>
        <div class="content">
          <div
            class="content-item"
            v-for="(item, index) in NewXyjg.list"
            :key="index"
            :style="`background:url(${item.img})`"
          >
            <div class="title A-color" v-if="index === 0">
              <div class="type">
                <span class="fs-32">A</span>
                <span>类</span>
              </div>
              <div>(正常户)(户)</div>
            </div>
            <div class="title main-color" v-if="index === 1">
              <div class="type">
                <span class="fs-32 main-color">B</span>
                <span>类</span>
              </div>
              <div>(轻微违规)(户)</div>
            </div>
            <div class="title main-color" v-if="index === 2">
              <div class="type">
                <span class="fs-32 main-color">C</span>
                <span>类</span>
              </div>
              <div>(一般违规)(户)</div>
            </div>
            <div class="title D-color" v-if="index === 3">
              <div class="type">
                <span class="fs-32 D-color">D</span>
                <span>类</span>
              </div>
              <div>(严重违规)(户)</div>
            </div>
            <!-- 类别 -->
            <div class="num">
              <div class="text fs-24 fw-600">
                <!-- <span class="fs-24 fw-600">
                  <CountTo
                    :startVal="0"
                    :endVal="Number(item.num)"
                    :duration="3000"
                /></span>
                <span>（户）</span> -->
                <my-tooltip
                  v-show="!index"
                  tooltipBoxStyle="left: -18px;top:25px;width: 120px"
                  :numData="numData23"
                  :popData="popData23"
                />
                <my-tooltip
                  v-show="index === 1"
                  tooltipBoxStyle="left: -18px;top:25px;width: 120px"
                  :numData="numData24"
                  :popData="popData24"
                />
                <my-tooltip
                  v-show="index === 2"
                  tooltipBoxStyle="left: -18px;top:25px;width: 120px"
                  :numData="numData25"
                  :popData="popData25"
                />
                <my-tooltip
                  v-show="index === 3"
                  tooltipBoxStyle="left: -18px;top:25px;width: 120px"
                  :numData="numData26"
                  :popData="popData26"
                />
              </div>
              <!-- <div class="per">
                <span
                  >占比
                  <CountTo
                    :startVal="0"
                    :endVal="Number(item.per)"
                    :decimals="2"
                    :duration="3000"
                  />%&nbsp;&nbsp;</span
                > -->
              <!-- <span>同比{{ item.per2 }}%</span> -->
              <!-- </div> -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import anhuia from "@/mapdata/anhui/anhui.json";
// import Anhui from "@/mapdata/anhui/anhui.json";
// import China from "../../mapdata/china/china.json";
// import "../../mapdata/china/china.js";
import "../../utils/echarts-tooltip-auto";
import csCard from "@/components/regulation/csCard";
import chart from "@/components/echart/chart";
import {
  getZdjgNum,
  getLicLevel,
  getRetailTotal,
  getAverageCaseNum,
  getAverageCigarNum,
  getWglshCount,
  getWglshCountList,
} from "@/api/market.js";
import {
  getOutFlowTotalNum,
  getInFlowTotalNum,
  getWarnNum,
  getoutInFlowNumRank,
} from "@/api/innerzon.js";
import { getLicenseFiveFive, getCapacity } from "@/api/lic.js";
import { getCaseValTotal } from "@/api/case.js";
import {
  getHomeCaseSchema,
  getHomeHoldLicenseNum,
  getHomeLicPlace,
  getHomeTimeOut,
  getHomeFiveFive,
  getHomeScjgSchema,
  getHomeQgTime,
  getHomeEleCaseSchema,
  getHomeEleLicSchema,
  getHomeEleSaleSchema,
  getAvgFakePersonNum,
  // getHomeInnerData,
} from "@/api/qjzl.js";
import { getInFlowNum } from "@/api/innerzon.js";
import {
  getMapNum,
  getLicTotalNum,
  getCaseTotalNum,
  getECigarTotalNum,
  updateDtQuestion
} from "@/api/common.js";
import { getElectronicCigSaleStat } from "@/api/ecigar.js";
// 地图
import { cityInfo, cityColor } from "@/mapdata/common.js";
import { getPrevMonth,getCurrMonthFirstDay,getLastDay } from '@/utils/index.js'
import axios from "axios";
import retailFormat from "@/components/regulation/retailFormat";
import timePicker from "@/components/timePicker/index.vue";
export default {
  data() {
    return {
      // 数据加载次数
      dataLoadingCnt: 0,
      isHighlight: false,
      hl_px: 270,
      hl_py: 126,
      highLightRotation:90,
      // 弹窗
      numData1: {},
      popData1: [],
      numData2: {},
      popData2: [],
      numData3: {},
      popData3: [],
      numData4: {},
      popData4: [],
      numData5: {},
      popData5: [],
      numData6: {},
      popData6: [],
      numData7: {},
      popData7: [],
      numData8: {},
      popData8: [],
      numData9: {},
      popData9: [],
      numData10: {},
      popData10: [],
      numData11: {},
      popData11: [],
      numData12: {},
      popData12: [],
      numData13: {},
      popData13: [],
      numData14: {},
      popData14: [],
      numData15: {},
      popData15: [],
      numData16: {},
      popData16: [],
      numData17: {},
      popData17: [],
      numData18: {},
      popData18: [],
      numData19: {},
      popData19: [],
      numData20: {},
      popData20: [],
      numData21: {},
      popData21: [],
      numData22: {},
      popData22: [],
      numData23: {},
      popData23: [],
      numData24: {},
      popData24: [],
      numData25: {},
      popData25: [],
      numData26: {},
      popData26: [],
      numData27: {},
      popData27: [],
      // 零售业态
      retailFormatData: {
        businessName: "零售业态",
        totalNum: 6000,
        totalName: "总户数",

        echartsData: [],
      },
      retailFormatEachrt: {
        pieX: "15%",
        pieY: "48%",
        pieWidth: "70%",
        pieHeight: "95%",
        textTop: "35%",
        textLeft: "13%",
        legend: {
          // bottom: "5%",
          left: "35%",
          height: "60%",
          top: "20%",
          orient: "vertical",
          textStyle: {
            color: "#fff",
            rich: {
              title: {
                color: "#34EFFE",
                fontWeight: 600,
              },
            },
          },
        },
      },
      lateAcceptData: [
        {
          city_org_name: "", //市区
          county_org_name: "", //县局
          current_processor_name: "", //申请人
          zm_devide_days: "", //办理时长
          bcb_name: "", //超期环节
        },
      ],
      lateAcceptData2: [],
      uncheckData: [
        {
          city_org_name: "",
          county_org_name: "",
          checkers: "",
          plan_finish_date: "",
          un_check_num: "",
        },
      ],
      //一年内两次及以上违规零售户数个数列表
      wglshsDataList: [
        {
          city_org_name: "",
          wg_num: "",
        },
      ],
      // 地图 双击区域
      clickArea: [
        {
          name: "",
          code: "",
        },
      ],
      cityInfo: cityInfo,
      dataMap: require("../../mapdata/anhui/anhui.json"),
      // 市场状态
      showPop: null,
      evaluateDimension: [],
      evaluateDimensionA: [], // 市场状态
      evaluateDimensionB: [], // 真烟异动
      evaluateDimensionC: [], // 执法力度
      evaluateDimensionD: [], // 经营信心
      // 内部监管
      inflowData: [],
      outflowData: [],
      warnData: [],
      inflowDataTemp: [],
      outflowDataTemp: [],
      warnDataTemp: [],
      imgUrl: require("../../assets/qjzl/dialogbg.png"),
      mapindex: 1,
      time: "",
      nowDate: null,
      nowTime: null,
      timer: "",
      currentTime: new Date(),
      defaultDate: [
        "2023-01-01",
        new Date().toLocaleDateString().replace(/\//g, "-"),
      ],
      indextag: 0,
      qsjydata: {
        list: [],
      },
      maplist: {
        maplista: [
          {
            name: "市场状态",
            color: "#cb455e",
          },
          {
            name: "真烟异动",
            color: "#0158e9",
          },
          {
            name: "执法力度",
            color: "#d3b931",
          },
          {
            name: "经营信心",
            color: "#04c375",
          },
        ],
        maplistb: [
          {
            name: "A:优≥80",
            color: "#1E8DAB",
          },
          {
            name: "B:80＞良≥60",
            color: "#056B9E",
          },
          {
            name: "C:差＜60",
            color: "#00693F",
          },
        ],
        maplistc: [
          {
            name: "省会组：>15.00%",
            color: cityColor.main,
          },
          {
            name: "市一组：>6.50%",
            color: cityColor.one,
          },
          {
            name: "市二组：>4.00%",
            color: cityColor.two,
          },
          {
            name: "市三组：<4.00%",
            color: cityColor.thr,
          },
        ],
      },
      regionColor: {
        A: "rgba(30, 141, 171, 1)",
        B: "rgba(5, 107, 158, 1)",
        C: "rgba(0, 105, 63, 1)",
      },
      regionsdata: [],
      // new

      // 办理质效
      supervisionE: [
        {
          title: "检查异常命中率",
          num: 0,
          per: 0,
          color: "danger-color", // 上升绿 下降红
          decimals: 2,
          suffix: "%",
          arrowSrc: require("../../assets/common-new/red-down.png"), //箭头朝向
        },
        {
          title: "检查案件命中率",
          num: 0,
          per: 0,
          color: "safe-color", // 上升绿 下降红
          decimals: 2,
          suffix: "%",
          arrowSrc: require("../../assets/common-new/green-top.png"), //箭头朝向
        },
        {
          title: "取缔无证户数量(户)",
          num: 0,
          per: 0,
          color: "safe-color", // 上升红 下降绿
          decimals: 0,
          suffix: "",
          arrowSrc: require("../../assets/common-new/green-down.png"), //箭头朝向
        },
      ],
      // 5+5 模式
      fiveAndFiveMode: [
        {
          title: '"5日办证、5日可订货"模式达标率',
          num: 0,
          zm_dbNumber:0 ,
          yx_dbNumber :0,
          zm_dbltbNumber :0,
          yx_dbltbNumber :0,
          // per: 0,
          color: "safe-color", // per超去年绿色 低红
          decimals: 2,
          suffix: "%",
        },
        // {
        //   title: "平均入网可订货时长(天)",
        //   num: 0,
        //   color: "danger-color", //超去年红 低率
        //   decimals: 2,
        //   suffix: "",
        // },
        // {
        //   title: "全省行政机关业务办理平均时长(天)",
        //   num: 0,
        //   color: "main-color",
        //   decimals: 2,
        //   suffix: "",
        // },
      ],
      supervisionSituation: [
        {
          title: "随机检查户次(户次)",
          num: 0,
          per: 0, // 上升红 反之绿
          per2: 0, // 超50%红 反之绿
          color: "danger-color", //per1
          color2: "safe-color", //per2
          decimals: 2,
          suffix: "%",
          arrowSrc: require("../../assets/common-new/red-top.png"), //箭头朝向
        },
        {
          title: "重点检查户次(户次)",
          num: 0,
          per: 0, // 上升绿 反之红
          per2: 0, // 超50%绿 反之红
          color: "danger-color",
          color2: "danger-color",
          decimals: 2,
          suffix: "%",
          arrowSrc: require("../../assets/common-new/red-down.png"), //箭头朝向
        },
      ],
      supervisionSituation2: [
        {
          title: "超期未检查数(户次)",
          num: 0,
          pop: true,
          color: "danger-color",
          decimals: 0,
          suffix: "",
        },
        // {
        //   title: "12313处置及时率",
        //   num: 0,
        //   decimals: 2,
        //   color: "main-color",
        //   suffix: "%",
        // },
      ],
      wglshCount: [
        {
          title: "一年内两次及以上违规零售户数",
          wglsh_count: 0,
          pop: true,
          color: "danger-color",
          decimals: 0,
          suffix: "",
        },
        // {
        //   title: "12313处置及时率",
        //   num: 0,
        //   decimals: 2,
        //   color: "main-color",
        //   suffix: "%",
        // },
      ],
      // supervisionSituation3: [
      //   {
      //     title: "不规范执法相关投诉数(起)",
      //     num: 0,
      //     per: 0, // 上升绿 反之红
      //     color: "safe-color",
      //     decimals: 2,
      //     suffix: "%",
      //   },
      // ],
      NewScjg: {
        list: [
          {
            code: "supervisionProcess",
            title: "双随机监管完成进度",
            num: 0,
            isDanger: true,
            // per: 0,
            decimals: 2,
            unit: "%",
          },
          {
            code: "schoolAmbitusRemainderLicNum",
            title: "中小学幼儿园周边零售户清理剩余户数",
            num: 0,
            decimals: 0,
            unit: "(户)",
          },
          {
            code: "avgCaseNum",
            title: "人均查获案件数",
            num: 0,
            isDanger: true,
            per: 0,
            decimals: 0,
            unit: "(起)",
          },
          {
            code: "supervisionProcess",
            title: "三网融合形成案件率",
            num: 0,
            decimals: 2,
            unit: "%",
          },
          {
            code: "avgQtyNum",
            title: "人均查获卷烟数",
            num: 0,
            isDanger: true,
            per: 0,
            decimals: 2,
            unit: "(万支)",
          },
          {
            code: "saleCigaretteForNonagePerson",
            title: "向未成年人售烟案件",
            num: 0,
            isDanger: true,
            decimals: 0,
            unit: "(起)",
          },
        ],
      },
      NewXyjg: {
        list: [
          {
            level: "A",
            num: 0,
            per: 0,
            per2: 0,
            img: require("../../assets/qjzl-new/xyjg/A.png"),
          },
          {
            level: "B",
            num: 0,
            per: 0,
            per2: 0,
            img: require("../../assets/qjzl-new/xyjg/B.png"),
          },
          {
            level: "C",
            num: 0,
            per: 0,
            per2: 0,
            img: require("../../assets/qjzl-new/xyjg/C.png"),
          },
          {
            level: "D",
            num: 0,
            per: 0,
            per2: 0,
            img: require("../../assets/qjzl-new/xyjg/D.png"),
          },
        ],
      },
      NewNbjg: {
        list: [
          {
            title: "真烟异流排名",
            mod1: {
              title: "流出量排名",
              num: 0,
              unit: "(名)",
              per: 0,
            },
            mod2: {
              title: "查获量排名",
              num: 0,
              unit: "(名)",
              per: 0,
            },
          },
          {
            title: "真烟异流(万支)",
            mod1: {
              title: "流出量",
              num: 0,
              unit: "(万支)",
              per: 0,
            },
            mod2: {
              title: "查获量",
              num: 0,
              unit: "(万支)",
              per: 0,
            },
          },
          {
            title: "内管预警",
            mod1: {
              title: "预警产生数",
              num: 0,
              unit: "(条)",
              per: 0,
            },
            mod2: {
              title: "处置比",
              num: 0,
              unit: "%",
              per: 0,
            },
          },
        ],
      },
      NewAjgl: {
        list: [
          {
            code: "caseNum",
            title: "总案件",
            num: 0,
            isDanger: true,
            per: 0,
            decimals: 0,
            unit: "(起)",
          },
          {
            code: "caseVal",
            title: "总案值",
            num: 0,
            isDanger: true,
            per: 0,
            decimals: 2,
            unit: "(万元)",
          },
          {
            code: "jsNum",
            title: "假私烟案件",
            num: 0,
            isDanger: true,
            per: 0,
            unit: "(起)",
            decimals: 0,
            range: "9",
          },
          {
            code: "jsQty",
            title: "假私烟",
            num: 0,
            isDanger: true,
            per: 0,
            unit: "(万元)",
            decimals: 2,
            range: "6",
          },
          {
            code: "yjNum",
            title: "烟机",

            num: 0,
            isDanger: true,
            per: 0,
            decimals: 0,
            unit: "(台)",
            range: "8",
          },
          {
            code: "yeysNum",
            title: "烟叶烟丝",
            num: 0,
            isDanger: true,
            per: 0,
            decimals: 2,
            unit: "(吨)",
            range: "5",
          },
          {
            code: "xsNum",
            title: "刑事案件",
            num: 0,
            isDanger: true,
            per: 0,
            unit: "(起)",
            decimals: 0,
            range: "",
          },
          {
            code: "zxNum",
            title: "追刑",
            num: 0,
            isDanger: true,
            per: 0,
            decimals: 0,
            unit: "(人)",
            range: "10",
          },
          {
            code: "bdNum",
            title: "部督案件",
            num: 8,
            decimals: 0,
            isDanger: true,
            per: 0,
            unit: "(起)",
            range: "",
          },
          {
            code: "bigCase",
            title: "大要案",
            decimals: 0,
            unit: "(起)",
            num: 0,
            isDanger: true,
            per: 0,
            range: "",
          },
        ],
      },
      NewDzygl: {
        list: [
          {
            title: "生产企业数量(家)",
            num: 0,
            isDanger: true,
            per: "",
            range: "",
            decimals: 0,

            img: require("../../assets/qjzl-new/dzygl/dyxsslBg.png"),
          },
          {
            code: "caseNum",
            title: "零售户数量(户)",
            num: 0,
            isDanger: true,
            per: 0,
            range: 0,

            decimals: 0,
            img: require("../../assets/qjzl-new/dzygl/ccajlBg.png"),
          },
          {
            title: "我省销售额(万元)",
            num: 0,
            isDanger: true,
            per: 0,

            range: 0,
            decimals: 2,
            img: require("../../assets/qjzl-new/dzygl/ljxsslBg.png"),
          },
          {
            code: "qtyNum",
            title: "查获电子烟案件数量(起)",
            num: 0,

            per: 0,
            isDanger: true,
            range: 0,
            decimals: 0,
            img: require("../../assets/qjzl-new/dzygl/chdzylBg.png"),
          },
          {
            title: "我省销售总量(万个)",
            num: 0,
            isDanger: true,
            per: 0,

            range: 0,
            decimals: 2,
            img: require("../../assets/qjzl-new/dzygl/ljxsslBg.png"),
          },

          {
            code: "caseVal",
            title: "查获电子烟案值(万元)",
            num: 0,
            isDanger: false,

            per: 0,
            range: 0,
            decimals: 2,
            img: require("../../assets/qjzl-new/dzygl/azBg.png"),
          },
          {
            title: "我省在销售规格数量(个)",
            num: 0,
            isDanger: false,
            per: 0,

            range: 0,
            decimals: 0,
            img: require("../../assets/qjzl-new/dzygl/ljxsjeBg.png"),
          },
          {
            title: "涉电子烟刑事案件(起)",
            num: 2,
            isDanger: false,
            per: 0,
            decimals: 0,
            range: 0,
            img: require("../../assets/qjzl-new/dzygl/dyxsjeBg.png"),
          },
        ],
      },
      NewXzxk: {
        homeHoldLicenseNum: 0, //持证户数
        homeAmplify: 0, //增幅
        homeCountrieData: 0, //全国增幅
        homeLicCapacity: 0, //合理饱和度
        homeLicAHCustRate: 0, //安徽省商户率
        homeLicCustRate: 0, //全国商户率
        homeListData: [], //零售户净增量
      },
      NewDjds: [
        {
          num: 0,
          yearOnYear: 0,
          pop: 0,
          color: "#0ba4c1",
          color2: "#d1485d",
          title: "国家局表彰重大案件数量(起)",
          title2: "占全国比重",
        },
        {
          num: 0,
          yearOnYear: 0,
          pop: 0,
          color: "#0ba4c1",
          color2: "#cab03b",
          title: "部督案件数量(起)",
          title2: "占全国比重",
        },
        {
          num: 0,
          yearOnYear: 0,
          pop: 0,
          color: "#0ba4c1",
          color2: "#00c178",
          title: "涉烟刑事案件数量(起)",
          title2: "同比",
        },
        {
          num: 0,
          yearOnYear: 0,
          pop: 0,
          color: "#0ba4c1",
          color2: "#9f591f",
          title: "假私烟人均查获量(万支)",
          title2: "同比",
        },
      ],
      showLateAcceptPop: false,
      showLateAcceptPop2: false,
      showLateUncheckPop: false,
      picktimeTemp: {},
      nbjgTemp: null,
      capacityBoxShow: false,
      capacityBoxShow2: false,
      capacityRange: null,
      retailerIntroImg: require("../../assets/qjzl-new/xzxk/pop/1.png"),
    };
  },
  components: {
    csCard,
    chart,
    retailFormat,
    timePicker,
  },
  computed: {
    scrollOption() {
      return {
        // step: 0.6,
        // hoverStop: true, // 是否开启鼠标悬停stop
        // direction: 1, // 0向下 1向上 2向左 3向右
        // openWatch: true, // 开启数据实时监控刷新dom
        // singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        // waitTime: 3000, // 单步运动停止的时间(默认值1000ms)
        // limitMoveNum: 4,
        step: 0.2,
        hoverStop: true, // 是否开启鼠标悬停stop
        direction: 1, // 0向下 1向上 2向左 3向右
        openWatch: true, // 开启数据实时监控刷新dom
        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        waitTime: 3000, // 单步运动停止的时间(默认值1000ms)
        limitMoveNum: 0,
      };
    },
  },
  watch: {
    NewNbjg: {
      handler(newV, oldV) {
        let that = this;
        // 内部监管
        that.numData17 = {
          num: newV.list[0].mod1.num,
          decimals: 0,
          suffix: "",
        };
        that.popData17 = [
          {
            label: "同比",
            value: newV.list[0].mod1.per,
            imgSrc:
              newV.list[0].mod1.per > 0
                ? require("../../assets/common-new/red-top.png")
                : require("../../assets/common-new/green-down.png"),
            unit: '(名)',
            color: newV.list[0].mod1.per > 0 ? "danger-color" : "safe-color",
          },
        ];
        that.numData18 = {
          num: newV.list[0].mod2.num,
          decimals: 0,
          suffix: "",
        };
        that.popData18 = [
          {
            label: "同比",
            value: newV.list[0].mod2.per,
            imgSrc:
              newV.list[0].mod2.per > 0
                ? require("../../assets/common-new/green-top.png")
                : require("../../assets/common-new/red-down.png"),
            unit: '(名)',
            color: newV.list[0].mod2.per > 0 ? "safe-color" : "danger-color",
          },
        ];
        that.numData19 = {
          num: newV.list[1].mod1.num,
          decimals: 2,
          suffix: "",
        };
        that.popData19 = [
          {
            label: "同比",
            value: newV.list[1].mod1.per,
            imgSrc:
              newV.list[1].mod1.per > 0
                ? require("../../assets/common-new/red-top.png")
                : require("../../assets/common-new/green-down.png"),
            unit: "%",
            color: newV.list[1].mod1.per > 0 ? "danger-color" : "safe-color",
          },
        ];
        that.numData20 = {
          num: newV.list[1].mod2.num,
          decimals: 2,
          suffix: "",
        };
        that.popData20 = [
          {
            label: "同比",
            value: newV.list[1].mod2.per,
            imgSrc:
              newV.list[1].mod2.per > 0
                ? require("../../assets/common-new/green-top.png")
                : require("../../assets/common-new/red-down.png"),
            unit: "%",
            color: newV.list[1].mod2.per > 0 ? "safe-color" : "danger-color",
          },
        ];
        that.numData21 = {
          num: newV.list[2].mod1.num,
          decimals: 0,
          suffix: "",
        };
        that.popData21 = [
          {
            label: "同比",
            value: newV.list[2].mod1.per,
            imgSrc:
              newV.list[2].mod1.per > 0
                ? require("../../assets/common-new/red-top.png")
                : require("../../assets/common-new/green-down.png"),
            unit: "%",
            color: newV.list[2].mod1.per > 0 ? "danger-color" : "safe-color",
          },
        ];
        that.numData22 = {
          num: newV.list[2].mod2.num,
          decimals: 2,
          suffix: "%",
        };
        that.popData22 = [
          {
            label: "同比",
            value: newV.list[2].mod2.per,
            imgSrc:
              newV.list[2].mod2.per > 0
                ? require("../../assets/common-new/red-top.png")
                : require("../../assets/common-new/green-down.png"),
            unit: "%",
            color: newV.list[2].mod2.per > 0 ? "danger-color" : "safe-color",
          },
        ];
      },
      deep: true,
    },
  },
  created() {
    // this.picktimeTemp = JSON.parse(localStorage.getItem("PICKTIME"));
  },
  mounted() {
    // this.time = this.getNowDate();
    // this.timer = setInterval(this.getTime, 1000);
    // this.initData("prov_org_uuid", "00000000000000000000000011340001", "10");
    // let _this = this;
    // window.addEventListener("setItemEvent", (event) => {
    //   if (event.key === "PICKTIME") {
    //     _this.picktimeTemp = JSON.parse(event.newValue);
    //     console.log(event.newValue);
    //     _this.initData(
    //       "prov_org_uuid",
    //       "00000000000000000000000011340001",
    //       "10",
    //       JSON.parse(event.newValue)
    //     );
    //   }
    // });
    // console.log(this.getNowDate(), "getNowDate");
    // let that = this;
    // that.$nextTick(() => that.mapqjzl("myEchart"));
    // if (this.mapindex == 1) {
    //   // this.mapqjzl("myEchart");
    //   // this.rawLine(
    //   //   {
    //   //     ename: Anhui,
    //   //     name: "安徽",
    //   //   },
    //   //   "myEchart"
    //   // ); //初始地图
    // } else if (this.mapindex == 2) {
    //   this.outflowfun();
    // } else if (this.mapindex == 3) {
    //   this.inflowfun();
    // }
    this.initWebSocket();
  },
  destroyed() {
    this.websock.close(); //离开路由之后断开websocket连接
  },
  methods: {
    timeChangeFn(timeObj) {
      console.log(timeObj, "timeobj------------");
      this.picktimeTemp = timeObj;
      this.initData("prov_org_uuid", "00000000000000000000000011340001", "10");
    },
    getRetailerIntro(i) {
      this.retailerIntroImg = i;
    },
    getRetailerIntroHide() {
      this.retailerIntroImg = null;
    },
    hideCapacity() {
      this.capacityBoxShow = false;
    },
    showCapacity() {
      this.capacityBoxShow = true;
    },
    initData(columnName, orgUuid, limit) {
      let that = this;

      const req1 = getHomeHoldLicenseNum({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
      });
      // const req2 = getHomeLicPlace({
      //   ...that.picktimeTemp,
      //   columnName1: "prov_org_uuid",
      //   columnName2: "city_org_uuid ",
      //   columnName3: "city_org_name",
      //   orgUuid,
      // });

      // const req3 = getHomeTimeOut({
      //   ...that.picktimeTemp,
      //   columnName,
      //   orgUuid,
      // });

      const req4 = getHomeFiveFive({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
      });

      const req5 = getHomeScjgSchema({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
      });
      // const reqQg = getHomeQgTime({ ...that.picktimeTemp });

      const req6 = getInFlowNum({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
        limit,
      });
      // getMapNum传当前日期
      let date = new Date();
      let year = date.getFullYear();
      let month = date.getMonth() + 1;
      month = month>9?month:"0"+month;
      //当前月1号
      let monthFirstDay = getCurrMonthFirstDay();
      // //下个月1号
      // let nextMonthFirstDay = year + "-" + month + "-01";
      // //中间地图查询开始时间
      // let startDate = year + "-01-01";
      //
      // let timeObj = {
      //   startDate: startDate,
      //   endDate: nextMonthFirstDay,
      //   lastStartDate: getLastDay(startDate),
      //   lastEndDate: getLastDay(nextMonthFirstDay)
      // };
      let prevYear = getPrevMonth()[0];
      let prevMonth = getPrevMonth()[1];
      const req7 = getMapNum({
        ...this.picktimeTemp,
        columnName,
        orgUuid,
        limit,
      });
      const req8 = getHomeCaseSchema({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
        year: year,
      });
      const req9 = getHomeEleCaseSchema({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
        year: year,
      });
      const req10 = getHomeEleLicSchema({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
        year: prevYear,
        month: prevMonth,
      });
      const req11 = getHomeEleSaleSchema({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
        year: prevYear,
        month: prevMonth,
      });
      const req12 = getLicLevel({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
      });

      const req13 = getElectronicCigSaleStat({
        ...that.picktimeTemp,
        year: prevYear,
        month: prevMonth,
        columnName,
        orgUuid,
      });
      // const req14 = getLicenseFiveFive({
      //   ...that.picktimeTemp,
      //   columnName,
      //   orgUuid,
      // });
      const req15 = getCapacity({
        ...that.picktimeTemp,
        orgUuid,
        year: year,
      });

      const req16 = getCaseValTotal({
        ...that.picktimeTemp,
        trendStartDate: year - 10 + "-01-01",
        trendEndDate: monthFirstDay,
        columnName,
        orgUuid,
      });
      const req17 = getRetailTotal({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
      });
      const req18 = getAvgFakePersonNum({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
      });
      const req19 = getOutFlowTotalNum({
        ...that.picktimeTemp,
        columnName:"prov_org_uuid",
        columnName2:"city_org_uuid",
        columnName3:"city_org_name",
        orgUuid,
      });
      const req20 = getInFlowTotalNum({
        ...that.picktimeTemp,
        columnName:"prov_org_uuid",
        columnName2:"city_org_uuid",
        columnName3:"city_org_name",
        orgUuid,
      });
      const req21 = getWarnNum({
        ...that.picktimeTemp,
        columnName:"prov_org_uuid",
        columnName2:"city_org_uuid",
        columnName3:"city_org_name",
        orgUuid,
      });
      const req22 = getoutInFlowNumRank({
        ...that.picktimeTemp,
        columnName:"prov_org_uuid",
        columnName2:"city_org_uuid",
        columnName3:"city_org_name",
        orgUuid,
      });
      const req23 = getWglshCount({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
      });
      const req24 = getWglshCountList({
        ...that.picktimeTemp,
        columnName,
        orgUuid,
      });
      Promise.all([
        req1,
        // req2,
        // req3,
        req4,
        req5,
        req6,
        req7,
        req8,
        req9,
        req10,
        req11,
        req12,
        req13,
        // req14,
        req15,
        req16,
        req17,
        req18,
        req19,
        req20,
        req21,
        req22,
        // reqQg,
        req23,
        req24
      ])
        .then(function (results) {
          // 零售业态
          const data17 = results[13];
          console.log(data17, "零售业态");
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion97(data17);
          }
          that.retailFormatData.totalNum = !data17.totalNum.data.length
            ? 0
            : data17.totalNum.data[0]?.num;
          that.retailFormatData.echartsData = data17.formatNum.data;
          that.retailFormatData.echartsData.forEach((k) => {
            k.name = k.bizName;
            k.value = k.bizNums;
          });
          that.retailFormatEachrt.legend.formatter = function (name) {
            return (
              name +
              `{title| ${
                that.retailFormatData.echartsData.find((k) => k.name === name)
                  ?.value
              }   }`
            );
          };

          that.$refs["retailFormat"].echartsInit();

          const data1 = results[0];
          console.log(data1, "行政许可");
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion94(data1);
          }
          that.NewXzxk.homeAmplify = data1.homeAmplify.data[0]?.increaseRadio;
          that.NewXzxk.homeCountrieData =
            data1.homeCountrieData.data[0]?.country_amplify_rate;
          that.NewXzxk.homeHoldLicenseNum =
            data1.homeHoldLicenseNum.data[0]?.num;
          that.NewXzxk.homeLicAHCustRate =
            data1.homeLicAHCustRate.data[0]?.custRate;
          that.NewXzxk.homeLicCapacity =
            data1.homeLicCapacity.data[0]?.homeLicCapacity;
          that.NewXzxk.homeLicCustRate =
            data1.homeLicCustRate.data[0]?.country_owner_rate;
          // const data2 = results[1];
          // console.log(data2, "地市局零售户净增量");
          // that.NewXzxk.homeListData = data2.homeListData.data;

          // that.initRetailerIncreaseBar();
          that.initRetailerProcesseBar();
          // const data3 = results[2];
          // that.lateAcceptData = data3.homeNewDoListData.data;
          // that.lateAcceptData.forEach((k) => (k.bcb_name = "受理"));
          // that.lateAcceptData2 = data3.homeOtherListData.data;
          // that.lateAcceptData2.forEach(k=>k.bcb_name='办理')
          // console.log(data3, "超期 许可 投诉 办理");
          // that.manageQE[0].num = data3.homeNewDoData.data[0]?.num;
          // that.manageQE[0].color =
          //   data3.homeNewDoData.data[0]?.num <= 0
          //     ? "safe-color"
          //     : "danger-color";
          // that.manageQE[1].num = data3.homeOtherData.data[0]?.num;
          // that.manageQE[1].color =
          //   data3.homeOtherData.data[0]?.num <= 0
          //     ? "safe-color"
          //     : "danger-color";
          // that.manageQE[2].num = 11522;
          // that.manageQE[2].num =
          //   data3.homeComplainData.data[0]?.consult_complain_number;
          // 环比上升绿 反之红 todo
          // that.manageQE[2].color =
          //   !data3.homeComplainData.data[0]?.hb ||
          //   data3.homeComplainData.data[0]?.hb >= 0
          //     ? "safe-color"
          //     : "danger-color";
          // that.manageQE[2].color = "main-color";
          // that.manageQE[3].num = data3.homeTimeOutData.data[0]?.time_out_number;
          // that.manageQE[3].num = 54;
          // that.manageQE[3].color = "danger-color";
          const data4 = results[1];
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion100(data4);
          }
          // const data14 = results[11];
          // const qgTime = results[results.length - 1];
          console.log(data4, "5+5");
          // console.log(qgTime, "全国平均时长");
          that.fiveAndFiveMode.num = data4.homeFiveData.data[0]?.dbNumber;
          that.fiveAndFiveMode.zm_dbNumber  = data4.homeFiveData.data[0]?.zm_dbNumber;
          that.fiveAndFiveMode.yx_dbNumber  = data4.homeFiveData.data[0]?.yx_dbNumber;
          that.fiveAndFiveMode.zm_dbltbNumber  = data4.homeFiveData.data[0]?.zm_dbltbNumber;
          that.fiveAndFiveMode.yx_dbltbNumber  = data4.homeFiveData.data[0]?.yx_dbltbNumber;
          // that.fiveAndFiveMode[0].per =
          //   data4.homeFiveData.data[0]?.dbltbNumber === "-"
          //     ? "-"
          //     : data4.homeFiveData.data[0]?.dbltbNumber;
          that.fiveAndFiveMode.color =
            data4.homeFiveData.data[0]?.dbNumber < 100
              ? "danger-color"
              : "safe-color";
          // that.fiveAndFiveMode[1].num =
          //   data4.homeFiveCityData.data[0]?.transact_time_avg;
          // // 对比全国 超过 红色 反之绿色
          // that.fiveAndFiveMode[1].color =
          //   data4.homeFiveCityData.data[0]?.transact_time_avg <=
          //   qgTime.qgTimeData.data[0]?.country_avg_num
          //     ? "safe-color"
          //     : "danger-color";
          // that.fiveAndFiveMode[2].num = !data4.homeFiveCityData.data[0]
          //   .transact_time_avg
          //   ? "-"
          //   : data4.homeFiveCityData.data[0]?.transact_time_avg;
          // that.fiveAndFiveMode[2].color = "main-color";
          // that.fiveAndFiveMode[1].num = data14.fiveData.data[0]?.avgNumber;
          // 对比全国 超过 红色 反之绿色 todo
          // that.fiveAndFiveMode[1].color = "main-color";
          // that.fiveAndFiveMode[1].color =
          // that.fiveAndFiveMode[1].num <=
          //   qgTime.qgTimeData.data[0]?.country_avg_num
          //     ? "safe-color"
          //     : "danger-color";
          // that.fiveAndFiveMode[2].num =
          //   data14.fiveData.data[0]?.avgNumber + 0.2;
          // that.fiveAndFiveMode[2].color = "main-color";
          const data5 = results[2];
          console.log(data5, "市场监管");
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion102(data5);
          }
          that.uncheckData = data5.unCheckList.data;
          // that.uncheckData.forEach((k) =>
          //   k.county_org_name.replace("烟草专卖局", "")
          // );
          that.supervisionSituation[0].num = data5.checkTasQty.data[0]?.rTaskNum;
          // todo
          that.supervisionSituation[0].per = 3.12;
          // that.supervisionSituation[0].per = data5.checkTasQty.data[0]?.rTb;
          that.supervisionSituation[0].color =
            data5.checkTasQty.data[0]?.rTb <= 0 ? "safe-color" : "danger-color";
          that.supervisionSituation[0].per2 = data5.checkTasQty.data[0]?.rZb;
          that.supervisionSituation[0].color2 =
            data5.checkTasQty.data[0]?.rZb <= 50 ? "safe-color" : "danger-color";
          that.supervisionSituation[0].arrowSrc =
            data5.checkTasQty.data[0]?.rTb > 0
              ? require("../../assets/common-new/red-top.png")
              : require("../../assets/common-new/green-down.png");

          that.supervisionSituation[1].num = data5.checkTasQty.data[0]?.kTaskNum;
          that.supervisionSituation[1].per = 2.58;
          // that.supervisionSituation[1].per = data5.checkTasQty.data[0]?.kTb;
          that.supervisionSituation[1].color =
            data5.checkTasQty.data[0]?.kTb >= 0 ? "safe-color" : "danger-color";
          that.supervisionSituation[1].per2 = data5.checkTasQty.data[0]?.kZb;
          that.supervisionSituation[1].color2 =
            data5.checkTasQty.data[0]?.kZb >= 50 ? "safe-color" : "danger-color";
          that.supervisionSituation[1].arrowSrc =
            data5.checkTasQty.data[0]?.kTb >= 0
              ? require("../../assets/common-new/green-top.png")
              : require("../../assets/common-new/red-down.png");

          that.supervisionSituation2[0].num = data5.unCheckQty.data[0]
            ? data5.unCheckQty.data[0]?.un_check_num
            : "-";
          //一年内两次及以上违规零售户数
          const data23 = results[19];
          const data24 = results[20];
          console.log(data23, "一年内两次及以上违规零售户数");
          console.log(data24, "一年内两次及以上违规零售户数");
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion103(data24);
          }
          that.wglshCount[0].wglsh_count = data23.upTwiceInfractionRetailerCount.data[0].wglsh_count;
          console.log(data23.upTwiceInfractionRetailerCount.data[0].wglsh_count,"一年内两次及以上违规零售户数");
          that.wglshsDataList = data24.upTwiceInfractionRetailerCountList.data;

          // that.supervisionSituation2[1].num =
          //   data5.disposalRate12313ComplainQty.data[0]?.disposalRate12313;

          // that.supervisionSituation3[0].num =
          //   data5.disposalRate12313ComplainQty.data[0]?.complainQty;
          // that.supervisionSituation3[0].per =
          //   data5.disposalRate12313ComplainQty.data[0]?.complainQtyZb;
          // that.supervisionSituation3[0].color = "main-color";
          // todo
          that.supervisionE[0].num = 2.3;
          // that.supervisionE[0].num = data5.checkExceptionHitnum.data[0]?.mzl;
          // that.supervisionE[0].per = data5.checkExceptionHitnum.data[0]?.tb;
          that.supervisionE[0].per = 57.5;
          that.supervisionE[0].color =
            data5.checkExceptionHitnum.data[0]?.tb >= 0
              ? "safe-color"
              : "danger-color";
          that.supervisionE[0].arrowSrc =
            data5.checkExceptionHitnum.data[0]?.tb >= 0
              ? require("../../assets/common-new/green-top.png")
              : require("../../assets/common-new/red-down.png");
          // todo
          that.supervisionE[1].num = 1.5;
          // that.supervisionE[1].num = data5.checkCaseHitNum.data[0]?.mzl;
          that.supervisionE[1].per = data5.checkCaseHitNum.data[0]?.tb;
          that.supervisionE[1].color =
            data5.checkCaseHitNum.data[0]?.tb >= 0
              ? "safe-color"
              : "danger-color";
          that.supervisionE[1].arrowSrc =
            data5.checkCaseHitNum.data[0]?.tb >= 0
              ? require("../../assets/common-new/green-top.png")
              : require("../../assets/common-new/red-down.png");
          that.supervisionE[2].num = data5.banNum.data[0]?.banNums;
          that.supervisionE[2].per = data5.banNum.data[0]?.prop;
          that.supervisionE[2].color = "main-color";

          that.supervisionE[2].arrowSrc =
            data5.banNum.data[0]?.prop > 0
              ? require("../../assets/common-new/red-top.png")
              : require("../../assets/common-new/green-down.png");
          console.log("检查命中率")
          if (that.dataLoadingCnt == 1) {
            data5.checkExceptionHitnum.data[0].mzl = that.supervisionE[0].num;
            data5.checkCaseHitNum.data[0].mzl = that.supervisionE[1].num;
            that.updateDtQuestion101(data5);
          }
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion104(data5);
          }
          console.log(that.supervisionE, "that.supervisionE");
          //     // 内部监管
          // 真烟异流-流出量
          const data19 = results[15].outflowTotalNumYearonyear.data
          console.log('真烟异流-流出量',data19);
          // 真烟异流-查获量
          const data20 = results[16].inflowTotalNumYearonyear.data
          console.log('真烟异流-查获量',data20);
          // 真烟异流-预警产生数
          const data21 = results[17].warnNumYearonyear.data
          console.log('真烟异流-预警产生数',data21);
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion111(results[17]);
          }
          // 真烟异流-预警产生数
          const data22 = results[18].inOutCountryRankData.data
          console.log('真烟异流-排名',data22);
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion112({data20,data22});
          }
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion113({data19,data22});
          }
          const data6 = results[3];
          console.log(data6, "内部监管");
          that.nbjgTemp = data6;
          let outflowData = {};
          let inflowData = {};
          let warnData = {};
          outflowData = data6.outflowData.data.find(
            (k) => k.org_name === "合肥市"
          );
          inflowData = data6.inflowData.data.find(
            (k) => k.org_name === "合肥市"
          );
          warnData = data6.warnData.data.find((k) => k.city_name === "合肥市");
          that.NewNbjg.list = [
            {
              title: "真烟异流排名",
              mod1: {
                title: "流出量排名",
                // num: that.outflowDataTemp.ranking,
                // num: outflowData.ranking,
                num:data22[0]?.out_ranking,
                decimals: 0,
                // per: that.outflowDataTemp.yearOnYearRanking,
                // per: outflowData.yearOnYearRanking,
                per:data22[0]?.out_ranking - data22[0]?.last_out_ranking,
                src:data22[0]?.out_ranking - data22[0]?.last_out_ranking > 0
                    ? require("../../assets/common-new/red-top.png")
                    : require("../../assets/common-new/green-down.png"),
              },
              mod2: {
                title: "查获量排名",
                // num: that.inflowDataTemp.ranking,
                // num: inflowData.ranking,
                num:data22[0]?.in_ranking,
                decimals: 0,
                // per: that.inflowDataTemp.yearOnYearRanking,
                // per: inflowData.yearOnYearRanking,
                per:data22[0]?.in_ranking - data22[0]?.last_in_ranking,
                src:data22[0]?.in_ranking - data22[0]?.last_in_ranking > 0
                    ? require("../../assets/common-new/green-top.png")
                    : require("../../assets/common-new/red-down.png"),
              },
            },
            {
              title: "真烟异流(万支)",
              mod1: {
                title: "流出量",
                // num: that.outflowDataTemp.cigarNum,
                // num: outflowData.cigarNum,
                num:data19[0]?.cigarNum,
                decimals: 2,
                per: data19[0]?.yearOnYear,
                src:
                 data19[0]?.yearOnYear > 0
                    ? require("../../assets/common-new/red-top.png")
                    : require("../../assets/common-new/green-down.png"),
              },
              mod2: {
                title: "查获量",
                // num: inflowData.cigarNum,
                num:data20[0]?.cigarNum,
                decimals: 2,
                per: data20[0]?.yearOnYear,
                src:
                 data20[0]?.yearOnYear > 0
                    ? require("../../assets/common-new/green-top.png")
                    : require("../../assets/common-new/red-down.png"),
              },
            },
            {
              title: "内管预警",
              mod1: {
                title: "预警产生数(条)",
                // num: warnData?.warnNum,
                num:data21[0]?.num,
                decimals: 0,
                per: data21[0]?.warnNumYearonYear,
                src:
                 data21[0]?.warnNumYearonYear > 0
                    ? require("../../assets/common-new/red-top.png")
                    : require("../../assets/common-new/green-down.png"),
              },
              mod2: {
                title: "处置比",
                num: data21[0]?.handle_per,
                unit: "%",
                decimals: 2,
                per: data21[0]?.yearOnYear,
                src:
                data21[0]?.yearOnYear > 0
                    ? require("../../assets/common-new/red-top.png")
                    : require("../../assets/common-new/green-down.png"),
              },
            },
          ];
          //     // 地图数据
          const data7 = results[4];
          console.log(data7, "地图--全景总览");
          that.evaluateDimensionA = data7.cigarMarketAssesData.data.map((k) => {
            return {
              cityName: k.city_name,
              score: k.sczx_score,
            };
          });
          that.evaluateDimensionA.sort((star, next) => {
            return next.score - star.score;
          });
          that.evaluateDimensionB = data7.cigarMarketAssesData.data.map((k) => {
            return {
              cityName: k.city_name,
              score: k.zyyd_score,
            };
          });
          that.evaluateDimensionB.sort((star, next) => {
            return next.score - star.score;
          });
          that.evaluateDimensionC = data7.cigarMarketAssesData.data.map((k) => {
            return {
              cityName: k.city_name,
              score: k.zfld_score,
            };
          });
          that.evaluateDimensionC.sort((star, next) => {
            return next.score - star.score;
          });
          that.evaluateDimensionD = data7.cigarMarketAssesData.data.map((k) => {
            return {
              cityName: k.city_name,
              score: k.jyxx_score,
            };
          });
          that.evaluateDimensionD.sort((star, next) => {
            return next.score - star.score;
          });
          that.regionsdata = data7.cigarMarketAssesData.data.map((k) => {
            return {
              selected: k.city_name === "合肥市",
              name: k.city_name,
              namea: k.city_name.slice(0, -1),
              littitle: k.score_result,
              uuid: k.city_uuid,
              itemStyle: {
                // color: that.regionColor[k.level_code], //省份背景色
                color: cityColor[k.score_result],
              },
              select: {
                itemStyle: {
                  areaColor: cityColor[k.score_result],
                  borderWidth: 4,
                  borderColor: "#009DF5",
                },
              },
              barlist: {
                xAxis: ["市场秩序", "真烟异动", "执法力度", "经营信心"],
                yAxis: [k.sczx_score, k.zyyd_score, k.zfld_score, k.jyxx_score],
              },
            };
          });

          that.qsjydata.list = data7.cigarMarketAssesData.data.map((item) => {
            return {
              unit: item.city_name,
              num: item.total_score,
              sort: item.level_name,
              // range: item.level_code,
              range: item.score_result,
            };
          });
          // that.qsjydata.list1 = [that.qsjydata.list[0]];
          // that.qsjydata.list2 = that.qsjydata.list.splice(1, 6);
          // that.qsjydata.list3 = that.qsjydata.list.splice(1, 5);
          // that.qsjydata.list4 = that.qsjydata.list.splice(1, 4);
          that.qsjydata.list.sort((star, next) => {
            // return star.num - next.num
            return next.num - star.num;
          });
          that.mapqjzl("myEchart");

          const data8 = results[5];
          console.log(data8, "打假打私");
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion106(data8);
            that.updateDtQuestion107(data8);
          }

          that.NewDjds[0].num = data8.majorSupCaseQty.data[0]?.major_case_qty;
          // todo
          //that.NewDjds[0].yearOnYear = 4.57;
          that.NewDjds[0].yearOnYear =
            data8.majorSupCaseQty.data[0]?.major_case_prop;
          that.NewDjds[0].pop = data8.majorSupCaseQty.data[0]?.major_case_rank;
          that.NewDjds[1].num = data8.majorSupCaseQty.data[0]?.sup_case_qty;
          // todo
          //that.NewDjds[1].yearOnYear = 10;
          that.NewDjds[1].yearOnYear =
            data8.majorSupCaseQty.data[0]?.sup_case_prop;
          that.NewDjds[1].pop = data8.majorSupCaseQty.data[0]?.sup_case_rank;

          that.NewDjds[2].num = data8.criminalCaseNum.data[0]?.num;
          that.NewDjds[2].yearOnYear = data8.criminalCaseNum.data[0]?.yearOnYear;
          that.NewDjds[2].pop =
            data8.majorSupCaseQty.data[0]?.criminal_case_rank;
          // that.NewDjds[3].num = data8.falseSmuggleQty.data[0]?.num;
          // that.NewDjds[3].yearOnYear = data8.falseSmuggleQty.data[0]?.yearOnYear;
          // that.NewDjds[3].pop = data8.majorSupCaseQty.data[0]?.fs_case_rank;
          // todo
          const data18 = results[14];
          // that.NewDjds[3].num = 0.56;
          // that.NewDjds[3].yearOnYear = 100;
          that.NewDjds[3].num = data18.avgFakePersonNum.data[0]?.avgFakeNum;
          that.NewDjds[3].yearOnYear =
            data18.avgFakePersonNum.data[0]?.yearOnYear;
          that.NewDjds[3].pop = data8.majorSupCaseQty.data[0]?.fs_case_rank;
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion108(data18);
          }
          const data9 = results[6];
          const data13 = results[10];
          console.log(data9, "电子烟1");
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion109(data13);
          }
          that.NewDzygl.list[3].num = data9.caseNum.data[0]?.num;
          that.NewDzygl.list[3].per = data9.caseNum.data[0]?.yearOnYear;
          that.NewDzygl.list[3].range = data9.caseNum.data[0]?.ele_case_qty_rank;
          that.NewDzygl.list[4].num = data13.saleStat.data[0]?.prov_sale_qty_y;
          // that.NewDzygl.list[4].per = data9.xsCaseQty.data[0]?.yearOnYear;
          that.NewDzygl.list[4].range =
            data13.saleStat.data[0]?.prov_sale_qty_y_rank;
          // todo
          const data16 = results[12];
          that.NewDzygl.list[5].num = data16.ecigarVal.data
            .reduce((pre, cur) => pre + cur.num, 0)
            .toFixed(2);
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion110({data9,data16});
          }
          // that.NewDzygl.list[5].num = data9.caseVal.data[0]?.caseVal;
          that.NewDzygl.list[5].per = data9.caseVal.data[0]?.yearOnYear;
          that.NewDzygl.list[5].range = data9.caseVal.data[0]?.ele_case_val_rank;
          const data10 = results[7];
          console.log(data10, "电子烟2");
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion95(data10);
          }
          that.NewDzygl.list[0].num = data10.prodQty.data[0]?.prod_ent_qty;
          that.NewDzygl.list[1].num =
            data10.capacityLicQty.data[0]?.holdACertificateNum;
          that.NewDzygl.list[1].per = data10.capacityPlanLicQty.data[0]?.bhd;
          that.NewDzygl.list[1].range =
            data10.capacityLicQtyRank.data[0]?.lic_qty_rank;
          const data11 = results[8];
          console.log(data11, "电子烟3");

          that.NewDzygl.list[2].num =
            data11.sale_schema.data[0]?.prov_sale_amt_y;
          that.NewDzygl.list[2].range =
            data11.sale_schema.data[0]?.prov_sale_amt_y_rank;
          that.NewDzygl.list[2].per = data11.sale_schema.data[0]?.tb;
          // data11.sale_schema.data[0]?.prov_sale_amt_y_rank;
          that.NewDzygl.list[6].num =
            data11.saleSpecQty.data[0]?.prov_sale_spec_qty;
          that.NewDzygl.list[7].num = data9.xsCaseQty.data[0]?.num;
          that.NewDzygl.list[7].per = data9.xsCaseQty.data[0]?.yearOnYear;
          that.NewDzygl.list[7].range =
            data9.xsCaseQty.data[0]?.ele_case_qty_rank;
          //     // 信用监管
          const data12 = results[9];
          console.log(data12, "信用监管");
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion98(data12);
          }
          let restNum = 0;
          that.NewXyjg.list.forEach((k) => {
            k.per = data12.licLevelData.data.find(
              (k2) => k2.credit_level === k.level
            ).percentage;
            k.num = data12.licLevelData.data.find(
              (k2) => k2.credit_level === k.level
            ).levelNum;
            if (k.level !== "A") restNum += k.per;
          });
          that.NewXyjg.list.find((k) => k.level === "A").per = 100 - restNum;
          const data15 = results[11];
          that.capacityRange = data15.reasonableCapacityYearAll.data;
          if (that.dataLoadingCnt == 1) {
            that.updateDtQuestion96({data1,data15});
          }
          that.capacityRange.sort((star, next) => {
            // return star.upper_limit - next.upper_limit
            return next.upper_limit - star.upper_limit;
          });
          //   "[" +
          //   data15.reasonableCapacityCfg.data[0]?.limits.split(",")[0] +
          //   "-" +
          //   data15.reasonableCapacityCfg.data[0]?.limits.split(",")[1] +
          //   "]";
          // that.$forceUpdate();
          //弹窗
          that.numData1 = {
            num: that.NewXzxk.homeHoldLicenseNum,
            decimals: 0,
            suffix: "",
          };
          that.popData1 = [
            {
              label: "增幅",
              value: that.NewXzxk.homeAmplify,
              imgSrc:
                that.NewXzxk.homeAmplify > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: "%",
              color:
                that.NewXzxk.homeAmplify > 0 ? "danger-color" : "safe-color",
            },
            {
              label: "全国增幅",
              value: that.NewXzxk.homeCountrieData,
              imgSrc:
                that.NewXzxk.homeCountrieData > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: "%",
              color:
                that.NewXzxk.homeCountrieData > 0
                  ? "danger-color"
                  : "safe-color",
            },
          ];
          that.numData27 = {
            num: that.fiveAndFiveMode.num,
            decimals: 2,
            suffix: "%",
          };
          that.popData27 = [
            {
              label: "5日办证",
              value: that.fiveAndFiveMode.zm_dbNumber,
              imgSrc:
                that.fiveAndFiveMode.zm_dbNumber > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: "%",
              color:
                that.fiveAndFiveMode.zm_dbNumber > 0 ? "danger-color" : "safe-color",
            },
            {
              label: "5日可订货",
              value: that.fiveAndFiveMode.yx_dbNumber ,
              imgSrc:
                that.fiveAndFiveMode.yx_dbNumber > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: "%",
              color:
                that.fiveAndFiveMode.yx_dbNumber > 0
                  ? "danger-color"
                  : "safe-color",
            },
          ];
          // 市场监管
          that.numData2 = {
            num: that.supervisionSituation[0].num,
            decimals: 0,
            suffix: "",
            color:"main-color"
          };
          that.popData2 = [
            {
              label: "同比",
              value: that.supervisionSituation[0].per,
              imgSrc:
                that.supervisionSituation[0].per > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: "%",
              color:
                that.supervisionSituation[0].per > 0
                  ? "danger-color"
                  : "safe-color",
            },
            {
              label: "占比",
              value: that.supervisionSituation[0].per2,
              unit: "%",
              color:
                that.supervisionSituation[0].per2 < 0
                  ? "danger-color"
                  : "safe-color",
            },
          ];
          that.numData3 = {
            num: that.supervisionSituation[1].num,
            decimals: 0,
            suffix: "",
          };
          that.popData3 = [
            {
              label: "同比",
              value: that.supervisionSituation[1].per,
              imgSrc:
                that.supervisionSituation[1].per < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.supervisionSituation[1].per < 0
                  ? "danger-color"
                  : "safe-color",
            },
            {
              label: "占比",
              value: that.supervisionSituation[1].per2,
              unit: "%",
              color:
                that.supervisionSituation[1].per2 < 0
                  ? "danger-color"
                  : "safe-color",
            },
          ];
          // 市场监管2
          that.numData4 = {
            num: that.supervisionE[0].num,
            decimals: 2,
            suffix: "%",
          };
          that.popData4 = [
            {
              label: "同比",
              value: that.supervisionE[0].per,
              imgSrc:
                that.supervisionE[0].per > 0
                  ? require("../../assets/common-new/green-top.png")
                  : require("../../assets/common-new/red-down.png"),
              unit: "%",
              color:
                that.supervisionE[0].per > 0 ? "safe-color" : "danger-color",
            },
          ];
          that.numData5 = {
            num: that.supervisionE[1].num,
            decimals: 2,
            suffix: "%",
          };
          that.popData5 = [
            {
              label: "同比",
              value: that.supervisionE[1].per,
              imgSrc:
                that.supervisionE[1].per < 0
                  ? require("../../assets/common-new/green-down.png")
                  : require("../../assets/common-new/red-top.png"),
              unit: "%",
              color:
                that.supervisionE[1].per > 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData6 = {
            num: that.supervisionE[2].num,
            decimals: 0,
            suffix: "",
          };
          that.popData6 = [
            {
              label: "同比",
              value: that.supervisionE[2].per,
              // imgSrc:
              //   that.supervisionE[2].per < 0
              //     ? require("../../assets/common-new/green-down.png")
              //     : require("../../assets/common-new/red-top.png"),
              unit: "%",
              color: "main-color",
              // that.supervisionE[2].per > 0 ? "danger-color" : "safe-color",
            },
          ];
          // 打假打私
          that.numData7 = {
            num: that.NewDjds[0].num,
            decimals: 0,
            suffix: "",
          };
          that.popData7 = [
            {
              label: that.NewDjds[0].title2,
              value: that.NewDjds[0].yearOnYear,
              imgSrc:
                that.NewDjds[0].yearOnYear < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDjds[0].yearOnYear < 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData8 = {
            num: that.NewDjds[1].num,
            decimals: 0,
            suffix: "",
          };
          that.popData8 = [
            {
              label: that.NewDjds[1].title2,
              value: that.NewDjds[1].yearOnYear,
              imgSrc:
                that.NewDjds[1].yearOnYear < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDjds[1].yearOnYear < 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData9 = {
            num: that.NewDjds[2].num,
            decimals: 0,
            suffix: "",
          };
          that.popData9 = [
            {
              label: that.NewDjds[2].title2,
              value: that.NewDjds[2].yearOnYear,
              imgSrc:
                that.NewDjds[2].yearOnYear < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDjds[2].yearOnYear < 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData10 = {
            num: that.NewDjds[3].num,
            decimals: 2,
            suffix: "",
          };
          that.popData10 = [
            {
              label: that.NewDjds[3].title2,
              value: that.NewDjds[3].yearOnYear,
              imgSrc:
                that.NewDjds[3].yearOnYear < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDjds[3].yearOnYear < 0 ? "danger-color" : "safe-color",
            },
          ];
          // 电子烟管理
          that.numData11 = {
            num: that.NewDzygl.list[1].num,
            decimals: 0,
            suffix: "",
          };
          that.popData11 = [
            {
              label: "饱和率",
              value: that.NewDzygl.list[1].per,
              imgSrc:
                that.NewDzygl.list[1].per < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDzygl.list[1].per < 0 ? "danger-color" : "safe-color",
            },
            {
              label: "全国排名",
              value: that.NewDzygl.list[1].range,
              imgSrc:
                that.NewDzygl.list[1].range < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "",
              color:
                that.NewDzygl.list[1].range < 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData12 = {
            num: that.NewDzygl.list[2].num,
            decimals: 2,
            suffix: "",
          };
          that.popData12 = [
            {
              label: "同比",
              value: that.NewDzygl.list[2].per,
              imgSrc:
                that.NewDzygl.list[2].per < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDzygl.list[2].per < 0 ? "danger-color" : "safe-color",
            },
            {
              label: "全国排名",
              value: that.NewDzygl.list[2].range,
              imgSrc:
                that.NewDzygl.list[2].range < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "",
              color:
                that.NewDzygl.list[2].range < 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData13 = {
            num: that.NewDzygl.list[3].num,
            decimals: 0,
            suffix: "",
          };
          that.popData13 = [
            {
              label: "同比",
              value: that.NewDzygl.list[3].per,
              imgSrc:
                that.NewDzygl.list[3].per < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDzygl.list[3].per < 0 ? "danger-color" : "safe-color",
            },
            {
              label: "全国排名",
              value: that.NewDzygl.list[3].range,
              imgSrc:
                that.NewDzygl.list[3].range < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "",
              color:
                that.NewDzygl.list[3].range < 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData14 = {
            num: that.NewDzygl.list[4].num,
            decimals: 2,
            suffix: "",
          };
          that.popData14 = [
            {
              label: "全国排名",
              value: that.NewDzygl.list[4].range,
              imgSrc:
                that.NewDzygl.list[4].range < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "",
              color:
                that.NewDzygl.list[4].range < 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData15 = {
            num: that.NewDzygl.list[5].num,
            decimals: 2,
            suffix: "",
          };
          that.popData15 = [
            {
              label: "同比",
              value: that.NewDzygl.list[5].per,
              imgSrc:
                that.NewDzygl.list[5].per < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDzygl.list[5].per < 0 ? "danger-color" : "safe-color",
            },
            {
              label: "全国排名",
              value: that.NewDzygl.list[5].range,
              imgSrc:
                that.NewDzygl.list[5].range < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "",
              color:
                that.NewDzygl.list[5].range < 0 ? "danger-color" : "safe-color",
            },
          ];
          that.numData16 = {
            num: that.NewDzygl.list[7].num,
            decimals: 0,
            suffix: "",
          };
          that.popData16 = [
            {
              label: "同比",
              value: that.NewDzygl.list[7].per,
              imgSrc:
                that.NewDzygl.list[7].per < 0
                  ? require("../../assets/common-new/red-down.png")
                  : require("../../assets/common-new/green-top.png"),
              unit: "%",
              color:
                that.NewDzygl.list[7].per < 0 ? "danger-color" : "safe-color",
            },
          ];
          // 内部监管
          that.numData17 = {
            num: that.NewNbjg.list[0].mod1.num,
            decimals: 0,
            suffix: "",
          };
          that.popData17 = [
            {
              label: "同比",
              value: that.NewNbjg.list[0].mod1.per,
              imgSrc:
                that.NewNbjg.list[0].mod1.per > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: that.NewNbjg.list[0].mod1.unit,
              color:
                that.NewNbjg.list[0].mod1.per > 0
                  ? "danger-color"
                  : "safe-color",
            },
          ];
          that.numData18 = {
            num: that.NewNbjg.list[0].mod2.num,
            decimals: 0,
            suffix: "",
          };
          that.popData18 = [
            {
              label: "同比",
              value: that.NewNbjg.list[0].mod2.per,
              imgSrc:
                that.NewNbjg.list[0].mod2.per > 0
                  ? require("../../assets/common-new/green-top.png")
                  : require("../../assets/common-new/red-down.png"),
              unit: "%",
              color:
                that.NewNbjg.list[0].mod2.per > 0
                  ? "safe-color"
                  : "danger-color",
            },
          ];
          that.numData19 = {
            num: that.NewNbjg.list[1].mod1.num,
            decimals: 2,
            suffix: "",
          };
          that.popData19 = [
            {
              label: "同比",
              value: that.NewNbjg.list[1].mod1.per,
              imgSrc:
                that.NewNbjg.list[1].mod1.per > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: "%",
              color:
                that.NewNbjg.list[1].mod1.per > 0
                  ? "danger-color"
                  : "safe-color",
            },
          ];
          that.numData20 = {
            num: that.NewNbjg.list[1].mod2.num,
            decimals: 2,
            suffix: "",
          };
          that.popData20 = [
            {
              label: "同比",
              value: that.NewNbjg.list[1].mod2.per,
              imgSrc:
                that.NewNbjg.list[1].mod2.per > 0
                  ? require("../../assets/common-new/green-top.png")
                  : require("../../assets/common-new/red-down.png"),
              unit: "%",
              color:
                that.NewNbjg.list[1].mod2.per > 0
                  ? "safe-color"
                  : "danger-color",
            },
          ];
          that.numData21 = {
            num: that.NewNbjg.list[2].mod1.num,
            decimals: 0,
            suffix: "",
          };
          that.popData21 = [
            {
              label: "同比",
              value: that.NewNbjg.list[2].mod1.per,
              imgSrc:
                that.NewNbjg.list[2].mod1.per > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: "%",
              color:
                that.NewNbjg.list[2].mod1.per > 0
                  ? "danger-color"
                  : "safe-color",
            },
          ];
          that.numData22 = {
            num: that.NewNbjg.list[2].mod2.num,
            decimals: 2,
            suffix: "%",
          };
          that.popData22 = [
            {
              label: "同比",
              value: that.NewNbjg.list[2].mod2.per,
              imgSrc:
                that.NewNbjg.list[2].mod2.per > 0
                  ? require("../../assets/common-new/red-top.png")
                  : require("../../assets/common-new/green-down.png"),
              unit: "%",
              color:
                that.NewNbjg.list[2].mod2.per > 0
                  ? "danger-color"
                  : "safe-color",
            },
          ];
          // 信用监管
          that.numData23 = {
            num: that.NewXyjg.list[0].num,
            decimals: 0,
            suffix: "",
          };
          that.popData23 = [
            {
              label: "占比",
              value: that.NewXyjg.list[0].per,
              color: "safe-color",
              unit: "%",
            },
          ];
          that.numData24 = {
            num: that.NewXyjg.list[1].num,
            decimals: 0,
            suffix: "",
          };
          that.popData24 = [
            {
              label: "占比",
              value: that.NewXyjg.list[1].per==0?'<0.01' :that.NewXyjg.list[1].per,
              color: "main-color",
              unit: "%",
            },
          ];
          that.numData25 = {
            num: that.NewXyjg.list[2].num,
            decimals: 0,
            suffix: "",
          };
          that.popData25 = [
            {
              label: "占比",
              value: that.NewXyjg.list[2].per,
              color: "main-color",
              unit: "%",
            },
          ];
          that.numData26 = {
            num: that.NewXyjg.list[3].num,
            decimals: 0,
            suffix: "",
          };
          that.popData26 = [
            {
              label: "占比",
              value: that.NewXyjg.list[3].per==0?'<0.01':that.NewXyjg.list[3].per,
              color: "danger-color",
              unit: "%",
            },
          ];
        })
        .catch(function (error) {
          console.log(error, "error");
        });
        that.dataLoadingCnt++
    },
    // 地图返回
    mapBack(code) {
      this.dataMap = require(`@/mapdata/citys/${code}.json`);
    },
    // 双击地图下钻
    changeMap(dbArea) {
      console.log("双击地图下钻");
      let that = this;
      console.log(dbArea, "下钻地区");
      // if (dbArea.name === "合肥市") {
      // this.dataMap = require("@/mapdata/citys/340100.json");
      axios
        .get("https://geo.datav.aliyun.com/areas_v3/bound/340100_full.json")
        .then(function (res) {
          that.dataMap = res.data;
          that.mapqjzl("myEchart");
          // that.clickArea.push()
        })
        .catch(function (error) {
          console.log(error);
        });
      // }
      // this.mapqjzl("myEchart");
    },
    // 单击地图选择
    // selectArea(area) {
    //   console.log(area, "选择地区");
    // },
    tabchange(tag) {
      this.indextag = tag;
    },
    // gobackindex() {
    //   this.mapindex = 1;
    //   this.$nextTick(() => {
    //     this.mapqjzl("myEchart");
    //     // this.rawLine(
    //     //   {
    //     //     ename: Anhui,
    //     //     name: "安徽",
    //     //   },
    //     //   "myEchart"
    //     // ); //初始地图
    //   });
    // },
    mapqjzl(id) {
      let that = this;
      //默认全省数据 双击下钻到市/区

      //阴影区域
      let option = {
        // tooltip: {
        //   show: true,
        //   backgroundColor: "rgba(0,0,0,0)",
        //   borderWidth: "0",
        //   formatter: function (params) {
        //     var res =
        //       `<div style="width:280px;background:url(` +
        //       that.imgUrl +
        //       `) no-repeat;background-size:100% 100%;padding:20px 30px;"><div style="width:100%;margin:0 auto;padding:0 auto;text-align:center;font-size:16px;font-weight:bold;color:#fff;">` +
        //       params.data.name +
        //       `</div><div style="width:100%;margin:0 auto;padding:0 auto;margin-top:20px;"><div id="mapbar" style="width:100%;height:90px;"></div></div></div>`;

        //     return res;
        //   },
        // },
        // 地图的阴影底图
        geo: {
          map: "anhuia",
          zoom: 1.1,
          top: "50px",
          layoutCenter: ["60%", "50%"], //位置
          layoutSize: "85%", //大小
          roam: false,

          itemStyle: {
            normal: {
              areaColor: {
                type: "radial",
                x: 0.5,
                y: 0.5,
                r: 0.8,
                colorStops: [
                  {
                    offset: 0,
                    color: "#09132c", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "#274d68", // 100% 处的颜色
                  },
                ],
                globalCoord: true, // 缺省为 false
              },
              borderWidth: 6, //设置外层边框
              borderColor: "rgba(66, 199, 222,1)",
              shadowColor: "rgb(59, 11, 62)",
              shadowOffsetX: 10,
              shadowOffsetY: 11,
            },
            // emphasis: {

            //   areaColor: "#2AB8FF",
            //   borderWidth: 0,
            //   color: "green",
            //   label: {
            //     show: false,
            //   },
            // },
          },
        },
        visualMap: {
          show: false,
          type: "piecewise",
          top: 50,
          right: 15,
          pieces: [
            {
              min: 80,
              color: "#00FF06",
            },
            {
              min: 60,
              max: 80,
              color: "#007CEC",
            },
            {
              max: 60,
              color: "##FF0000",
            },
          ],
        },
        series: [
          {
            type: "map",
            map: "anhuia",
            top: "50px",
            layoutCenter: ["60%", "50%"], //位置
            layoutSize: "85%", //大小
            // selectedMode: false,
            //  right:'0%',
            // aspectScale: 0.9,
            //  layoutCenter: ["80%", "50%"], //地图位置
            // layoutSize: "100%",
            zoom: 1.1,
            label: {
              normal: {
                show: true,
                fontFamily: "SourceHanSansCN",
                fontSize: "12",
                color: "#FEFEFE",
                formatter: function (param) {
                  var str =
                    "   " + param.data.littitle + "\n" + param.data.namea;
                  // var str = param.data.namea;
                  // console.log(param)
                  return str;
                },
              },
              // emphasis: {
              //   show: true,
              //   fontFamily: "SourceHanSansCN",
              //   fontSize: "12",
              //   color: "#FEFEFE",
              // },
            },
            // tooltip:{} tooltip可结合formatter、div、css实现样式
            itemStyle: {
              normal: {
                borderColor: "rgba(9, 13, 63,1)",
                borderWidth: 1,
                areaColor: {
                  type: "linear-gradient",
                  x: 0,
                  y: 300,
                  x2: 0,
                  y2: 0,
                  colorStops: [
                    {
                      offset: 0,
                      color: "#003ecb", // 0% 处的颜色
                    },
                    {
                      offset: 1,
                      color: "#2bc8ff",
                    },
                  ],
                  global: true, // 缺省为 false
                },
              },
              // emphasis: {
              //   show: true,
              //   areaColor: "#ff7200", //鼠标滑过区域颜色
              //   label: {
              //     show: true,
              //     textStyle: {
              //       color: "#fff",
              //     },
              //   },
              // },
            },
            selectedMode: "single", //选择模式，单选，只能选中一个地市
            select: {
              //这个就是鼠标点击后，地图想要展示的配置
              disabled: false, //可以被选中
              itemStyle: {
                //相关配置项很多，可以参考echarts官网
                // areaColor:that.selectedMapAreaBg,//选中
                // borderWidth:10,
                // borderColor:'red',
                // opacity:'0.7'
              },
            },
            data: that.regionsdata,
          },
        ],
      };

      that.$nextTick(() => {
        //	此dom为echarts图标展示dom
        let myChart = that.$echarts.init(document.getElementById(id));
        // that.regionsdata = [];
        that.$echarts.registerMap("anhuia", that.dataMap);

        myChart.resize();

        myChart.off("click");
        myChart.on("click", (data) => {
          let outflowData = {};
          let inflowData = {};
          let warnData = {};
          console.log(data, "================");
          // option.series[0].data[data.dataIndex].itemStyle.borderWidth=4
          // option.series[0].data.forEach((k,i)=>{
          // if(i===data.dataIndex){
          // k.select  ={
          //   itemStyle:{
          //     areaColor:data.color,
          //     borderWidth:4,
          //     borderColor:'#42c7de'
          //   }
          // }
          // k.itemStyle.borderWidth=4
          // k.itemStyle.borderColor='#42c7de'

          // }else{
          //   k.itemStyle.borderWidth =1
          //   k.itemStyle.borderColor='rgba(9, 13, 63,1)'
          // }

          // })
          // option.series[0].data[data.dataIndex].itemStyle.borderColor= "rgba(66, 199, 222,1)"

          outflowData = that.nbjgTemp.outflowData.data.find(
            (k) => k.org_name === data.data.name
          );
          inflowData = that.nbjgTemp.inflowData.data.find(
            (k) => k.org_name === data.data.name
          );
          warnData = that.nbjgTemp.warnData.data.find(
            (k) => k.city_name === data.data.name
          );
          that.NewNbjg.list = [
            {
              title: "真烟异流排名",
              mod1: {
                title: "流出量排名",
                // num: that.outflowDataTemp.ranking,
                num: outflowData.ranking,
                decimals: 0,
                // per: that.outflowDataTemp.yearOnYearRanking,
                per: outflowData.ranking - outflowData.yearOnYearRanking,
                src:
                    outflowData.ranking - outflowData.yearOnYearRanking > 0
                    ? require("../../assets/common-new/red-top.png")
                    : require("../../assets/common-new/green-down.png"),
              },
              mod2: {
                title: "查获量排名",
                // num: that.inflowDataTemp.ranking,
                num: inflowData.ranking,
                decimals: 0,
                // per: that.inflowDataTemp.yearOnYearRanking,
                per: inflowData.ranking - inflowData.yearOnYearRanking,
                src:
                    inflowData.ranking - inflowData.yearOnYearRanking > 0
                    ? require("../../assets/common-new/green-top.png")
                    : require("../../assets/common-new/red-down.png"),
              },
            },
            {
              title: "真烟异流(万支)",
              mod1: {
                title: "流出量",
                // num: that.outflowDataTemp.cigarNum,
                num: outflowData.cigarNum,

                decimals: 2,
                per: outflowData.yearOnYear,
                src:
                  outflowData.yearOnYear > 0
                    ? require("../../assets/common-new/red-top.png")
                    : require("../../assets/common-new/green-down.png"),
              },
              mod2: {
                title: "查获量",
                num: inflowData.cigarNum,
                decimals: 2,
                per: inflowData.yearOnYear,
                src:
                  inflowData.yearOnYear > 0
                    ? require("../../assets/common-new/green-top.png")
                    : require("../../assets/common-new/red-down.png"),
              },
            },
            {
              title: "内管预警",
              mod1: {
                title: "预警产生数(条)",
                num: warnData?.warnNum,
                decimals: 0,
                per: warnData?.warnNumYearonYear,
                src:
                  warnData?.warnNumYearonYear > 0
                    ? require("../../assets/common-new/red-top.png")
                    : require("../../assets/common-new/green-down.png"),
              },
              mod2: {
                title: "处置比",
                num: warnData.abnormalRadio,
                unit: "%",
                decimals: 2,
                per: warnData.abnormalRadioYearonYear,
                src:
                  warnData.abnormalRadioYearonYear > 0
                    ? require("../../assets/common-new/red-top.png")
                    : require("../../assets/common-new/green-down.png"),
              },
            },
          ];
          myChart.setOption(option);
        });
        myChart.setOption(option);
        // myChart.off("dblclick");
        // myChart.on("dblclick", (data) => {
        //   this.changeMap(data.data);
        //   this.clickArea.push({
        //     // name:
        //     // code:
        //   });
        // });
     /*    myChart.on("mousemove", (param) => {
          if (!param.data) return;
          that.mapbar("mapbar", param.data);
        });
        tools.loopShowTooltip(
          myChart,
          option,
          {
            loopSeries: true,
          },
          this
        ); */
      });
    },
    //这是3D地图开始
    rawLine(map, id) {
      let that = this;
      //阴影区域
      let option = {
        // top:'-180px',
        // right:'-40px',
        tooltip: {
          show: true,
          backgroundColor: "rgba(0,0,0,0)",
          borderWidth: "0",
          formatter: function (params) {
            var res =
              `<div style="width:280px;background:url(` +
              that.imgUrl +
              `) no-repeat;background-size:100% 100%;padding:20px 30px;"><div style="width:100%;margin:0 auto;padding:0 auto;text-align:center;font-size:16px;font-weight:bold;color:#fff;">` +
              params.data.name +
              `</div><div style="width:100%;margin:0 auto;padding:0 auto;margin-top:20px;"><div id="mapbar" style="width:100%;height:90px;"></div></div></div>`;

            return res;
          },
        },
        series: [
          {
            type: "map3D",
            zoom: 2,

            top: "1%",
            selectedMode: "single", //地图高亮单选
            regionHeight: 35, //地图高度
            map: map.ename,
            viewControl: {
              center: [-10, 0, 0],
              distance: 185, //地图视角 控制初始大小
              autoRotate: false,
              rotateSensitivity: 0,
              alpha: 72, //视角绕 x 轴，即上下旋转的角度
              // rotateSensitivity: [1, 1],
              animation: true,
              zoomSensitivity: false, //是否开启缩放和平移/鼠标滑动缩放禁止
            },
            //  zoomSensitivity: false,//是否开启缩放和平移/鼠标滑动缩放禁止
            label: {
              show: true, //是否显示市
              textStyle: {
                color: "#fff", //文字颜色
                fontSize: 12, //文字大小
                // backgroundColor: "rgba(0,0,0,0)",
              },
              formatter: function (param) {
                var str = "   " + param.data.littitle + "\n" + param.data.namea;
                return str;
              },
            },
            itemStyle: {
              // areaColor: 'red',
              color: "#2B5890", //地图颜色
              // borderWidth: 2, //分界线wdith
              // borderColor: "#000", //分界线颜色
              borderColor: "rgba(17, 44, 112, .7)",
              borderWidth: 0.4,
            },

            // emphasis: {
            //     show: false,
            //     //   label: {
            //     //     show: true, //是否显示高亮
            //     //     textStyle: {
            //     //       color: "#fff", //高亮文字颜色
            //     //     },
            //     //   },
            //     //   itemStyle: {
            //     //     color: "#0489d6", //地图高亮颜色
            //     //   },
            // },
            data: that.regionsdata,
          },
        ],
      };

      // myChart.showLoading();

      that.$nextTick(() => {
        //	此dom为echarts图标展示dom
        let myChart = that.$echarts.init(document.getElementById(id));
        that.$echarts.registerMap(map.ename, map.ename);
        myChart.setOption(option);
        myChart.resize();
      });

      // this.$nextTick(() => {
      //   // 初始化地图
      //   myChart.setOption(option);
      //   // tools.loopShowTooltip(myChart, option, { loopSeries: true }); //自动轮播主要看这段话

      //   myChart.resize();
      //   myChart.hideLoading();
      // });
      //地图下钻点击事件
      // myChart.on("mousemove", (param) => {
      //   let names = param.name;
      //   // console.log(param);
      //   this.$nextTick(() => {
      //     this.mapbar("mapbar", param.data);
      //   });
      // });
      //mapbar
    },
    //这是3D地图结束
    //地图上的柱状图
    mapbar(id, data) {
      // console.log(data, "barbar=========");
      let color = [
        "rgba(203, 69, 94,0.7)",
        "rgba(1, 88, 233,0.7)",
        "rgba(211, 185, 49,0.7)",
        "rgba(4, 195, 117,0.7)",
      ];
      let idname = document.getElementById(id);
      let that = this;
      let option = {
        grid: {
          //   left: "4%",
          //   right: "4%",
          // top: "10%",
          bottom: "0px",
          top: "18%",
          left: "-12%",
          right: "0px",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",

            data: data.barlist.xAxis,
            //data: data.xAxis,
            axisTick: {
              show: false,
            },
            splitLine: {
              show: false,
            },
            axisLine: {
              show: false,
            },
            axisLabel: {
              //x轴文字的配置
              show: true,
              textStyle: {
                color: "#fff",
                fontSize: 12,
              },
              interval: 0,
            },
          },
        ],
        yAxis: [
          {
            name: "",
            type: "value",
            show: false,
            axisLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            splitLine: {
              show: false,
            },
          },
        ],
        series: [
          {
            name: "",
            type: "bar",
            barWidth: "16",
            itemStyle: {
              normal: {
                color: function (param) {
                  return color[param.dataIndex];
                },
              },
            },

            label: {
              normal: {
                show: true,
                position: "top",
                color: "#fff",
                fontSize: 12,
                formatter: function (params) {
                  //标签内容
                  return params.data + "分";
                },
              },
            },
            data: data.barlist.yAxis,
            // data: data.yAxis,
          },
        ],
      };
      this.$nextTick(() => {
        //	此dom为echarts图标展示dom
        let myChart = that.$echarts.init(idname);
        // 初始化地图
        // myChart.clear();
        myChart.setOption(option);
        myChart.resize();
      });
    },
    showArea(param) {
      this.$echarts.registerMap(param.ename, param.ename);
      alert(param.name);
      this.rawLine(param); //重新绘画地图
    },
    //流出量方法
    // outflowfun() {
    //   let that = this;
    //   that.mapindex = 2;
    //   this.$nextTick(() => {
    //     this.initMapInfo("chinamap");
    //     that.barflow("zyflowulrightbar", this.dataflow);
    //   });
    // },
    // //流入量方法
    // inflowfun() {
    //   let that = this;
    //   that.mapindex = 3;
    //   this.$nextTick(() => {
    //     this.initMapInfo("chinamapa");
    //     that.barflow("zyflowulrightbara", this.dataflowa);
    //   });
    // },
    //流入地图右侧柱状图
    barflow(id, dataarray) {
      let color = ["#C6FF83", "#FFF583", "#83FBFF", "#FF83A3"];
      let idname = document.getElementById(id);
      let that = this;
      var salvProName = dataarray.xAxis;
      var salvProValue = dataarray.yAxis;
      var salvProMax = []; //背景按最大值
      for (let i = 0; i < salvProValue.length; i++) {
        salvProMax.push(salvProValue[0]);
      }
      let option = {
        grid: {
          left: "2%",
          right: "10%",
          bottom: "-2%",
          top: "0%",
          containLabel: true,
        },

        xAxis: {
          show: false,
          type: "value",
        },
        yAxis: [
          {
            type: "category",
            inverse: true,
            axisLabel: {
              show: true,
              textStyle: {
                color: "#fff",
                fontSize: "10",
              },
            },
            splitLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            axisLine: {
              show: false,
            },
            data: salvProName,
          },
          {
            type: "category",
            inverse: true,
            axisTick: "none",
            axisLine: "none",
            show: true,
            axisLabel: {
              formatter: "{d|{value}}万支",
              rich: {
                d: {
                  color: "rgba(52, 239, 254, 1)",
                  fontWeight: "bold",
                },
              },
              textStyle: {
                color: "#ffffff",
                fontSize: "10",
              },
            },
            data: salvProValue,
          },
        ],
        series: [
          {
            name: "值",
            type: "bar",
            zlevel: 1,
            itemStyle: {
              normal: {
                barBorderRadius: 10,
                color: this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [
                  {
                    offset: 0,
                    color: "rgba(27, 180, 251, 1)",
                  },
                  {
                    offset: 1,
                    color: "rgba(56, 217, 244, 1)",
                  },
                ]),
              },
            },
            barWidth: 5,
            data: salvProValue,
          },
          {
            name: "背景",
            type: "bar",
            barWidth: 5,
            barGap: "-100%",
            data: salvProMax,
            itemStyle: {
              normal: {
                color: "rgba(17, 44, 112, 0.6)",
                barBorderRadius: 10,
              },
            },
          },
        ],
      };
      this.$nextTick(() => {
        // 初始化地图
        let myChart = this.$echarts.init(idname);
        myChart.setOption(option, false);
        myChart.resize();
      });
    },

    initMapInfo(id) {
      var that = this;
      // 地图数据
      var chinaGeoCoordMap = {
        黑龙江: [127.9688, 45.368],
        内蒙古: [110.3467, 41.4899],
        吉林: [125.8154, 44.2584],
        北京市: [116.4551, 40.2539],
        辽宁: [123.1238, 42.1216],
        河北: [114.4995, 38.1006],
        天津: [117.4219, 39.4189],
        山西: [112.3352, 37.9413],
        陕西: [109.1162, 34.2004],
        甘肃: [103.5901, 36.3043],
        宁夏: [106.3586, 38.1775],
        青海: [101.4038, 36.8207],
        新疆: [87.9236, 43.5883],
        西藏: [91.11, 29.97],
        四川: [103.9526, 30.7617],
        重庆: [108.384366, 30.439702],
        山东: [117.1582, 36.8701],
        河南: [113.4668, 34.6234],
        江苏: [118.8062, 31.9208],
        安徽: [117.29, 32.0581],
        湖北: [114.3896, 30.6628],
        浙江: [119.5313, 29.8773],
        福建: [119.4543, 25.9222],
        江西: [116.0046, 28.6633],
        湖南: [113.0823, 28.2568],
        贵州: [106.6992, 26.7682],
        云南: [102.9199, 25.4663],
        广东: [113.12244, 23.009505],
        广西: [108.479, 23.1152],
        海南: [110.3893, 19.8516],
        上海: [121.4648, 31.2891],
      };
      // 飞线点数据
      var chinaDatas = [
        [
          {
            name: "黑龙江",
            value: 0,
          },
        ],
        [
          {
            name: "内蒙古",
            value: 0,
          },
        ],
        [
          {
            name: "吉林",
            value: 0,
          },
        ],
        [
          {
            name: "辽宁",
            value: 0,
          },
        ],
        [
          {
            name: "河北",
            value: 0,
          },
        ],
        [
          {
            name: "天津",
            value: 0,
          },
        ],
        [
          {
            name: "山西",
            value: 0,
          },
        ],
        [
          {
            name: "陕西",
            value: 0,
          },
        ],
        [
          {
            name: "甘肃",
            value: 0,
          },
        ],
        [
          {
            name: "宁夏",
            value: 0,
          },
        ],
        [
          {
            name: "青海",
            value: 0,
          },
        ],
        [
          {
            name: "新疆",
            value: 0,
          },
        ],
        [
          {
            name: "西藏",
            value: 0,
          },
        ],
        [
          {
            name: "四川",
            value: 0,
          },
        ],
        [
          {
            name: "山东",
            value: 0,
          },
        ],
        [
          {
            name: "河南",
            value: 0,
          },
        ],
        [
          {
            name: "江苏",
            value: 0,
          },
        ],
        [
          {
            name: "安徽",
            value: 0,
          },
        ],
        [
          {
            name: "湖北",
            value: 0,
          },
        ],
        [
          {
            name: "浙江",
            value: 0,
          },
        ],
        [
          {
            name: "福建",
            value: 0,
          },
        ],
        [
          {
            name: "江西",
            value: 0,
          },
        ],
        [
          {
            name: "湖南",
            value: 0,
          },
        ],
        [
          {
            name: "贵州",
            value: 0,
          },
        ],
        [
          {
            name: "广西",
            value: 0,
          },
        ],
        [
          {
            name: "海南",
            value: 0,
          },
        ],
        [
          {
            name: "上海",
            value: 1,
          },
        ],
      ];
      let formdata = "安徽";
      if (that.mapindex == 2) {
        var convertData = function (data) {
          var res = [];
          for (var i = 0; i < data.length; i++) {
            var dataItem = data[i];
            var fromCoord = chinaGeoCoordMap[dataItem[0].name];
            var toCoord = [117.29, 32.0581];
            // var toCoord = [108.384366, 30.439702]; //中心点地理坐标
            if (fromCoord && toCoord) {
              res.push([
                {
                  // 飞线从哪里出发
                  coord: toCoord,
                },
                {
                  // 飞线去往哪里
                  coord: fromCoord,
                  value: dataItem[0].value,
                },
              ]);
            }
          }
          return res;
        };
      } else if (that.mapindex == 3) {
        var convertData = function (data) {
          var res = [];
          for (var i = 0; i < data.length; i++) {
            console.log(data[i]);
            var dataItem = data[i];
            var fromCoord = chinaGeoCoordMap[dataItem[0].name];
            var toCoord = [117.29, 32.0581];
            // var toCoord = [108.384366, 30.439702]; //中心点地理坐标
            if (fromCoord && toCoord) {
              res.push([
                // {
                //   // 飞线从哪里出发
                //   coord: toCoord,
                // },
                // {
                //   // 飞线去往哪里
                //   coord: fromCoord,
                //   value: dataItem[0].value,
                // },
                {
                  // 飞线从哪里出发

                  // 飞线去往哪里
                  coord: fromCoord,
                  value: dataItem[0].value,
                },
                {
                  // 飞线去往哪里
                  coord: toCoord,
                },
              ]);
            }
          }
          return res;
        };
      }

      var series = [];

      [[formdata, chinaDatas]].forEach(function (item, i) {
        // console.log(item);
        series.push(
          {
            type: "lines",
            coordinateSystem: "geo",
            zlevel: 2,
            effect: {
              show: true,
              period: 4, //箭头指向速度，值越小速度越快
              trailLength: 0, //特效尾迹长度[0,1]值越大，尾迹越长重
              symbol: "arrow", //箭头图标
              symbolSize: 8, //图标大小
              color: "#2BC8FF", // 图标颜色
            },
            lineStyle: {
              normal: {
                show: true,
                width: 2, //尾迹线条宽度
                opacity: 1, //尾迹线条透明度
                curveness: 0.3, //尾迹线条曲直度
                color: "#2BC8FF", // 飞线颜色
              },
              color: "#2BC8FF",
            },
            data: convertData(item[1]),
          },
          {
            type: "effectScatter",
            coordinateSystem: "geo",
            zlevel: 2,
            rippleEffect: {
              //涟漪特效
              period: 4, //动画时间，值越小速度越快
              brushType: "stroke", //波纹绘制方式 stroke, fill
              scale: 4, //波纹圆环最大限制，值越大波纹越大
              color: "#2BC8FF",
            },
            label: {
              normal: {
                show: false,
                position: "right", //显示位置
                offset: [10, 0], //偏移设置
                formatter: function (params) {
                  //圆环显示文字
                  return params.data.name;
                },
                fontSize: 12,
              },
              emphasis: {
                show: false,
              },
            },
            symbol: "circle",
            symbolSize: function (val) {
              return 10; //圆环大小
            },
            itemStyle: {
              normal: {
                show: false,
                color: "#2BC8FF",
              },
            },
            data: item[1].map(function (dataItem) {
              return {
                //在这里定义你所要展示的数据
                // name: dataItem[0].name,
                // value: chinaGeoCoordMap[dataItem[0].name].concat([dataItem[0].value]),
                name: dataItem[0].name,
                value: chinaGeoCoordMap[dataItem[0].name].concat([
                  dataItem[0].value,
                ]),
              };
            }),
          },
          //中心点
          {
            type: "effectScatter",
            coordinateSystem: "geo",
            zlevel: 15,
            rippleEffect: {
              period: 4,
              brushType: "stroke",
              scale: 4,
              color: "#2BC8FF",
            },
            label: {
              normal: {
                show: true,
                position: "right",
                //offset:[5, 0],
                color: "#2BC8FF",
                formatter: "{b}",
                textStyle: {
                  color: "#2BC8FF",
                },
              },
              emphasis: {
                show: false,
                color: "#2BC8FF",
              },
            },
            symbol: "circle",
            symbolSize: 5,
            itemStyle: {
              color: "#2BC8FF",
            },
            data: [
              {
                name: item[0],
                value: chinaGeoCoordMap[item[0]].concat([10]),
              },
            ],
          }
        );
      });

      let myChart = this.$echarts.init(document.getElementById(id));

      let option = {
        // bgColor: '#1a1e45',

        tooltip: {
          trigger: "item",
        },

        geo: {
          map: "china",
          zoom: 0.85,
          left: "13%",
          top: "15%",
          label: {
            normal: {
              show: true,
              textStyle: {
                color: "#FFFFFF",
              },
            },
            emphasis: {
              show: false,
            },
          },
          roam: false, //是否允许缩放
          itemStyle: {
            normal: {
              areaColor: {
                type: "linear-gradient",
                x: 0,
                y: 600,
                x2: 0,
                y2: 60,
                colorStops: [
                  {
                    offset: 0,
                    color: "#003ecb", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "#2bc8ff",
                  },
                ],
                global: true, // 缺省为 false
              },
              //地图背景色
              borderColor: "rgba(255,255,255,0.5)", //省市边界线00fcff 516a89
              borderWidth: 1,
              textStyle: "#fff",
              shadowColor: "rgba(58,115,192,0.5)",
              shadowOffsetX: 5,
              shadowOffsetY: 5,
            },
            emphasis: {
              color: "#22ccfb", //悬浮背景
            },
          },
          data: [],
        },
        series: series,
      };
      myChart.showLoading();
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
      //  myChart.setOption(option)
    },

    //zyflowulrightbar
    divcolorswitch(data) {
      // 二级
      if (data.rank == "一级") {
        return "redcolor";
      } else if (data.rank == "二级") {
        return "yellowcolor";
      } else if (data.rank == "三级") {
        return "bluecolor";
      } else if (data.rank == "四级") {
        return "greencolor";
      }
      //       // 红色一级，黄色二级，蓝色三级，绿色四级
    },
    getNowDate() {
      const timeOne = new Date();
      const year = timeOne.getFullYear();
      let month = timeOne.getMonth() + 1;
      let day = timeOne.getDate();
      day = day < 10 ? "0" + day : day;
      const time = `${year}-${month}-${day}`;
      return time;
    },
    getTime() {
      const date = new Date();
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const day = date.getDate();
      const hour = date.getHours();
      const minute = date.getMinutes();
      const second = date.getSeconds();
      // const str = ''
      // if (this.hour > 12) {
      //     this.hour -= 12;
      //     this.str = " AM";
      // } else {
      //     this.str = " PM";
      // }
      this.month = check(month);
      this.day = check(day);
      this.hour = check(hour);
      this.minute = check(minute);
      this.second = check(second);

      function check(i) {
        const num = i < 10 ? "0" + i : i;
        return num;
      }
      //  this.nowDate = year + "年" + this.month + "月" + this.day + "日";
      this.nowTime =
        year +
        "年" +
        this.month +
        "月" +
        this.day +
        "日 " +
        this.hour +
        ":" +
        this.minute +
        ":" +
        this.second;
    },
    // 商户率
    initRetailerProcesseBar() {
      let myChart = this.$echarts.init(
        document.getElementById("retailer-process")
      );
      let countryData = this.NewXzxk.homeLicCustRate;
      let provinceData = this.NewXzxk.homeLicAHCustRate;
      let color = ["#CB455E", "#04C375", "#CB455E4C", "#04C3754C"]; // 红 绿
      let fontColor = ["#df0213", "#01fe01"];
      let option = {
        color: [
          {
            type: "linear",
            x: 0,
            y: 0,
            x2: 1,
            y2: 1,
            colorStops: [
              {
                offset: 0,
                color: provinceData > countryData ? color[2] : color[3], // 0% 处的颜色
              },
              {
                offset: 1,
                color: provinceData > countryData ? color[0] : color[1], // 100% 处的颜色
              },
            ],
            global: false, // 缺省为 false
          },
          {
            type: "linear",
            x: 0,
            y: 0,
            x2: 1,
            y2: 1,
            colorStops: [
              {
                offset: 0,
                color: "#CB455E", // 0% 处的颜色
              },
              {
                offset: 1,
                color: "#CB455E4C", // 100% 处的颜色
              },
            ],
            global: false, // 缺省为 false
          },
        ],
        grid: {
          left: "5%",
          right: "5%",
          bottom: "0",
          top: "0",
          containLabel: true,
        },
        xAxis: [
          {
            type: "value",
            show: false,
          },
        ],
        yAxis: [
          {
            show: false,
            type: "category",
            axisTick: {
              show: false,
            },
            axisLabel: {
              show: false,
            },
            axisLine: {
              lineStyle: {
                width: 3,
                color: "#1dfffd",
              },
            },
            z: 3,
            data: ["Mon"],
          },
        ],
        series: [
          {
            name: "Income",
            type: "bar",
            barGap: "-100%",
            barWidth: 20,
            label: {
              normal: {
                show: true,
                position: [150, -14],
                textStyle: {
                  color: "#000",
                  fontSize: 16,
                  fontWeight: 600,
                },

                formatter: function (params) {
                  return "{a|安徽  }" + "{b|" + params.value + "‰" + "}";
                },
                rich: {
                  a: { color: "#fff" },
                  b: {
                    fontWeight: 600,
                    color:
                      provinceData > countryData ? fontColor[0] : fontColor[1],
                  },
                },
              },

              // show: true,
              // fontSize: 14,
              // color: provinceData > countryData ? color[0] : color[1],
              // position: [150, -14],
              // formatter: (param) => {
              //   return (
              //     "安徽" + param.value + "‰"
              //   );
              // },
            },
            itemStyle: {
              barBorderRadius: [0, 20, 20, 0],
              // borderWidth: 15,
              // borderColor: "rgba(0,0,0,0)",
            },
            data: [provinceData],
          },
          {
            name: "Expenses",
            type: "bar",
            barGap: "-100%",
            barWidth: 20,
            label: {
              // show: true,
              // fontSize: 14,
              // color: "#CB455E",
              // position: [-110, -14],
              // formatter: (param) => {
              //   return "全国" + param.value * -1 + "‰";
              // },
              normal: {
                show: true,
                position: [-110, -14],
                textStyle: {
                  color: "#000",
                  fontSize: 16,
                  fontWeight: 600,
                },

                formatter: function (params) {
                  return "{a|全国  }" + "{b|" + params.value * -1 + "‰" + "}";
                },
                rich: {
                  a: { color: "#fff" },
                  b: {
                    color: fontColor[0],
                    fontWeight: 600,
                  },
                },
              },
            },
            itemStyle: {
              barBorderRadius: [20, 0, 0, 20],
              // borderWidth: 15,
              // borderColor: "rgba(0,0,0,0)",
            },
            data: [-countryData],
          },
          {
            // name: "Income",
            type: "bar",
            barGap: "-100%",
            barWidth: 20,
            z: -100,
            // label: {
            //   show: false,
            //   position: ["95%", -20],
            // },
            itemStyle: {
              barBorderRadius: [0, 20, 20, 0],

              color: "rgba(9, 79, 134,0.9)",
            },
            data: [10],
          },
          {
            // name: "Income",
            type: "bar",
            barGap: "-100%",
            barWidth: 20,
            z: -100,
            // label: {
            //   show: false,
            //   position: ["95%", -20],
            // },
            itemStyle: {
              barBorderRadius: [20, 0, 0, 20],
              color: "rgba(9, 79, 134,0.9)",
            },
            data: [-10],
          },
        ],
      };

      // myChart.showLoading();
      this.$nextTick(() => {
        myChart.setOption(option, true);

        myChart.resize();
        myChart.hideLoading();
      });
    },
    //市场状态排名
    getMarketStatus(i) {
      this.showPop = this.showPop === i ? null : i;
      if (!i) {
        this.evaluateDimension = this.evaluateDimensionA;
      } else if (i === 1) {
        this.evaluateDimension = this.evaluateDimensionB;
      } else if (i === 2) {
        this.evaluateDimension = this.evaluateDimensionC;
      } else if (i === 3) {
        this.evaluateDimension = this.evaluateDimensionD;
      }
    },
    lateAcceptPop(flag, title) {
      if (flag) {
        if (title === "超期受理户次(户)") {
          this.showLateAcceptPop = !this.showLateAcceptPop;
          this.showLateAcceptPop2 = false;
        } else {
          this.showLateAcceptPop = false;
          this.showLateAcceptPop2 = !this.showLateAcceptPop2;
        }
      }
    },
    lateUncheckPop(flag) {
      if (flag) {
        this.showLateUncheckPop = !this.showLateUncheckPop;
      }
    },
    initWebSocket() { //初始化weosocket
      const wsuri = "ws://10.48.0.55:8081/ws/voc/page";
      this.websock = new WebSocket(wsuri);
      this.websock.onmessage = this.websocketonmessage;
      this.websock.onopen = this.websocketonopen;
      this.websock.onerror = this.websocketonerror;
      this.websock.onclose = this.websocketclose;
    },
    websocketonopen() { //连接建立之后执行send方法发送数据

      console.log("ws is open...")

    },
    websocketonerror() {//连接建立失败重连
      console.log("ws is closes...")
      setTimeout(this.reconnectWebSocket,1000);
    },

    //重新连接webSocket
    reconnectWebSocket(){
      console.log("reconnectWebSocket重新连接======");
      this.initWebSocket();//重新连接
    },
    websocketonmessage(e) { //数据接收
      this.isHighlight = false;
      debugger;
      const r = JSON.parse(e.data);
      console.log("recv: ", r)
      if (r.page.indexOf('/es/zw/zm') < 0) {
        console.log('不是专卖的订阅消息....')
        return;
      }

      console.log(e.data);
      let page = r.page;
      if ("open_page" === r.op) {
        this.isHighlight = false;
      }

      if ("open_link" === r.op) {
        // let link = r.link;
        // let task = r.task;
        // if (task == 94) {
        //   const req1 = getHomeHoldLicenseNum({
        //     ...this.picktimeTemp,
        //     columnName:'prov_org_uuid',
        //     orgUuid:'00000000000000000000000011340001'
        //   });
        //   req1.then((res) => {
        //     //this.NewXzxk.homeHoldLicenseNum = res.homeHoldLicenseNum.data[0]?.num;
        //     //this.NewXzxk.homeAmplify = res.homeAmplify.data[0]?.increaseRadio;
        //     let params = {
        //       id: 'q'+task,
        //       d1: (res.homeHoldLicenseNum.data[0]?.num / 10000).toFixed(2),
        //       d2: res.homeAmplify.data[0]?.increaseRadio
        //     }
        //     updateDtQuestion(params);
        //   });
        //   // this.isHighlight = true;
        //   // let client = this.$refs.xzxk;
        //   // this.highLightRotation = 270;
        //   // this.hl_py = client.offsetTop + 86;
        // }else if (task == 97) {
        //   const req17 = getRetailTotal({
        //     ...this.picktimeTemp,
        //     columnName:'prov_org_uuid',
        //     orgUuid:'00000000000000000000000011340001'
        //   });
        //   req17.then((res) => {
        //     this.updateDtQuestion97(res);
        //   });
        // }else if (task == 100) {
        //   const req4 = getHomeFiveFive({
        //     ...this.picktimeTemp,
        //     columnName:'prov_org_uuid',
        //     orgUuid:'00000000000000000000000011340001'
        //   });
        //   req4.then((res) => {
        //     let params = {
        //       id: 'q'+task,
        //       d1: res.homeFiveData.data[0]?.dbNumber,
        //       d2: res.homeFiveData.data[0]?.zm_dbNumber,
        //       d3: res.homeFiveData.data[0]?.yx_dbNumber
        //     }
        //     updateDtQuestion(params);
        //   });
        // }else if (task == 102) {
        //   const req5 = getHomeScjgSchema({
        //     ...this.picktimeTemp,
        //     columnName:'prov_org_uuid',
        //     orgUuid:'00000000000000000000000011340001'
        //   });
        //   req5.then((res) => {
        //     let params = {
        //       id: 'q'+task,
        //       d1: res.checkTasQty.data[0]?.rTaskNum,
        //       d2: res.checkTasQty.data[0]?.rZb,
        //       d3: res.checkTasQty.data[0]?.kTaskNum,
        //       d4: res.checkTasQty.data[0]?.kZb
        //     }
        //     updateDtQuestion(params);
        //   });
        // }else if (task == 103) {
        //   const req24 = getWglshCountList({
        //     ...this.picktimeTemp,
        //     columnName:'prov_org_uuid',
        //     orgUuid:'00000000000000000000000011340001'
        //   });
        //   req24.then((res) => {
        //     let totalNum =0;
        //     let d2 = '';
        //     let data = res.upTwiceInfractionRetailerCountList.data;
        //     data.forEach((data, index) => {
        //       debugger;
        //       totalNum += data.wg_num;
        //       d2 += data.city_org_name + data.wg_num + '户';
        //       if (index != data.length - 1) {
        //         d2 += ','
        //       }
        //     });
        //     let params = {
        //       id: 'q'+task,
        //       d1: totalNum,
        //       d2: d2
        //     }
        //     updateDtQuestion(params);
        //   });
        // }else if (task == 104) {
        //   const req5 = getHomeScjgSchema({
        //     ...this.picktimeTemp,
        //     columnName:'prov_org_uuid',
        //     orgUuid:'00000000000000000000000011340001'
        //   });
        //   req5.then((res) => {
        //     let params = {
        //       id: 'q'+task,
        //       d1: res.checkTasQty.data[0]?.rTaskNum,
        //       d2: res.checkTasQty.data[0]?.rZb,
        //       d3: res.checkTasQty.data[0]?.kTaskNum,
        //       d4: res.checkTasQty.data[0]?.kZb
        //     }
        //     updateDtQuestion(params);
        //   });
        //}
       }
    },
    websocketclose(e) {  //关闭
      console.log('断开连接', e);
      setTimeout(this.reconnectWebSocket,500);
    },

    toHome() {
      this.iframeShow = false
      this.title2 = false
      this.title3 = false
      this.title4 = false
      this.title5 = false
      this.aSelect = 0
      this.src = ""
      this.myVue = 0
    },
    rebackNewHome() {
      this.$router.push({name: 'newHome'});
    },
    clickMenu(index) {
      this.iframeShow = false
      this.title2 = false
      this.title3 = false
      this.title4 = false
      this.title5 = false
      this.aSelect = 0
      this.menuIndex = index
      this.src = ""
      this.myVue = 0
      switch (index) {
          //农业生产
        case 1:
          this.src = "http://yyyth.ah.yc/tbi-anhui-web/board/decision-home?is_perm=0&eulerMenuId=3413231021000000002";
          this.loadIframe();
          this.title2 = true
          break
          //工业生产
        case 2:
          // this.myVue = 1
          // console.log(!this.iframeShow && this.myVue == 0)
          this.src='http://yyyth.ah.yc/tbi-anhui-web/board/redrying-processing?is_perm=0&eulerMenuId=3413231021000000004'
          this.loadIframe();
          break
          //商业流通
        case 3:
          this.title3 = true
          this.src = "http://10.48.0.55:8081/dareport-runtime/viewer?reportCode=DP20230925&sso_id=WULING_B"
          this.loadIframe();
          break
          //政务管理
        case 4:
          this.title4 = true
          this.src = "http://zmpt.ah.yc/board/#/";
          this.loadIframe();
          break
          //业务中台
        case 5:
          this.myVue = 10
          break
          //数据中台
        case 6:
          this.myVue = 11
          break
          //云平台
        case 7:
          this.myVue = 21
          this.title5 = true
          break
          //企业应用
        case 8:
          this.src = "http://10.48.59.16:9001/#/ncHome";
          this.loadIframe();
          break
          //行业应用
        case 9:
          this.src = "http://10.48.236.12:8089/dist/index.html#/chat";
          this.loadIframe();
          break
      }
    },
    loadIframe(){
      let that= this
      this.iframeLoading=true
      that.iframeShow = true
      setTimeout(()=> {
        that.iframeLoading=false
      }, 1200);
      // const iframe = this.$refs.portalIframe;
      // // 兼容处理
      // if (iframe.attachEvent) {
      //     // IE
      //     iframe.attachEvent("onload", () => {
      //         console.log("iframe完成加载-----------IE")
      //
      //         setTimeout(()=> {
      //             that.iframeLoading=false
      //         }, 1000);
      //
      //     });
      // } else {
      //     // 非IE
      //     iframe.onload = () => {
      //         console.log("iframe完成加载-----------非IE")
      //         // that.iframeShow = true
      //         setTimeout(()=> {
      //             that.iframeLoading=false
      //         }, 1000);
      //     };
      // }
    },
    //持证零售户数
    updateDtQuestion94(res){
      let params = {
        id: 'q94',
        d1: (res.homeHoldLicenseNum.data[0]?.num / 10000).toFixed(2),
        d2: res.homeAmplify.data[0]?.increaseRadio,
        hlPosition : "left:329px,top:220px",
        link:'持证零售户数'
      }
      updateDtQuestion(params);
    },
    //零售业态
    updateDtQuestion97(res){
      let params = {
        id: 'q97',
        d1: (res.totalNum.data[0]?.num / 10000).toFixed(2),
        hlPosition : "left:453px,top:405px",
        link:'零售业态'
      }
      res.formatNum.data.forEach((k) => {
        if(k.bizFormat=='02'){
          params.d2 = (k.bizNums/10000).toFixed(2)
        }
        if(k.bizFormat=='03'){
          params.d3 = (k.bizNums/10000).toFixed(2)
        }
        if(k.bizFormat=='04'){
          params.d4 = (k.bizNums/10000).toFixed(2)
        }
        if(k.bizFormat=='05'){
          params.d5 = (k.bizNums/10000).toFixed(2)
        }
        if(k.bizFormat=='06'){
          params.d6 = (k.bizNums/10000).toFixed(2)
        }
        if(k.bizFormat=='07'){
          params.d7 = (k.bizNums/10000).toFixed(2)
        }
      });
      updateDtQuestion(params);
    },
    //5+5达标率
    updateDtQuestion100(res){
      let params = {
        id: 'q100',
        d1: res.homeFiveData.data[0]?.dbNumber,
        d2: res.homeFiveData.data[0]?.zm_dbNumber,
        d3: res.homeFiveData.data[0]?.yx_dbNumber,
        hlPosition : "left:625px,top:622px",
        link:'达标率'
      }
      updateDtQuestion(params);
    },
    //检查户次
    updateDtQuestion102(res){
      let params = {
        id: 'q102',
        d1: res.checkTasQty.data[0]?.rTaskNum,
        d2: res.checkTasQty.data[0]?.rZb,
        d3: res.checkTasQty.data[0]?.kTaskNum,
        d4: res.checkTasQty.data[0]?.kZb,
        hlPosition : "left:620px,top:780px",
        link:'检查户次'
      }
      updateDtQuestion(params);
    },
    //违规户数
    updateDtQuestion103(res){
      let totalNum =0;
      let d2 = '';
      let data = res.upTwiceInfractionRetailerCountList.data;
      data.forEach((data, index) => {
        totalNum += data.wg_num;
        d2 += data.city_org_name + data.wg_num + '户';
        if (index != data.length - 1) {
          d2 += ','
        }
      });
      let params = {
        id: 'q103',
        d1: totalNum,
        d2: d2,
        hlPosition : "left:610px,top:882px",
        link:'违规户'
      }
      updateDtQuestion(params);
    },
    //合理容量饱和度
    updateDtQuestion96(res = {}){
      let params = {
        id: 'q96',
        d1: res.data15.reasonableCapacityCfg.data[0]?.limits.split(',')[0],
        d2: res.data15.reasonableCapacityCfg.data[0]?.limits.split(',')[1],
        d3:(res.data1.homeHoldLicenseNum.data[0]?.num / 10000).toFixed(2),
        d4: res.data1.homeLicCapacity.data[0]?.homeLicCapacity,
        hlPosition : "left:610px,top:250px",
        link:'饱和度'
      }
      updateDtQuestion(params);
    },
    //电子烟零售户数
    updateDtQuestion95(res = {}){
      let params = {
        id: 'q95',
        d1: res.capacityLicQty.data[0]?.holdACertificateNum,
        d2: res.capacityPlanLicQty.data[0]?.bhd,
        hlPosition : "left:1606px,top:517px",
        link:'电子烟'
      }
      updateDtQuestion(params);
    },
    //信用等级
    updateDtQuestion98(res = {}){
      let totalNum = 0;
      let params = {
        id: 'q98',
        hlPosition : "left:1595px,top:843px",
        link:'信用等级'
      }
      res.licLevelData.data.forEach((k) => {
        totalNum += k.levelNum;
        if(k.credit_level=='A'){
          params.d2 = (k.levelNum/10000).toFixed(2);
        }
        if(k.credit_level=='B'){
          params.d3 = k.levelNum;
        }
        if(k.credit_level=='C'){
          params.d4 = k.levelNum;
        }
        if(k.credit_level=='D'){
          params.d5 = k.levelNum;
        }
      });
      params.d1 = (totalNum / 10000).toFixed(2);
      updateDtQuestion(params);
    },
    //检查命中率
    updateDtQuestion101(res = {}){
      let params = {
        id: 'q101',
        d1: res.checkTasQty.data[0]?.kTaskNum + res.checkTasQty.data[0]?.rTaskNum,
        d2: res.checkExceptionHitnum.data[0]?.mzl,
        d3: res.checkCaseHitNum.data[0]?.mzl,
        hlPosition : "left:295px,top:953px",
        link:'命中率'
      }
      updateDtQuestion(params);
    },
    //取缔无证户数量
    updateDtQuestion104(res = {}){
      let params = {
        id: 'q104',
        d1: res.banNum.data[0]?.banNums,
        d2: res.banNum.data[0]?.prop,
        hlPosition : "left:595px,top:956px",
        link:'无证户'
      }
      updateDtQuestion(params);
    },
    //打假打私数
    updateDtQuestion106(res = {}){
      let params = {
        id: 'q106',
        d1: res.majorSupCaseQty.data[0]?.major_case_qty,
        d2: res.majorSupCaseQty.data[0]?.major_case_prop,
        d3: res.majorSupCaseQty.data[0]?.sup_case_qty,
        d4: res.majorSupCaseQty.data[0]?.sup_case_prop,
        hlPosition : "left:1606px,top:197px",
        link:'打假打私'
      }
      updateDtQuestion(params);
    },
    //刑事案件数
    updateDtQuestion107(res = {}){
      debugger;
      let params = {
        id: 'q107',
        d1: res.criminalCaseNum.data[0]?.num,
        d2: (res.criminalCaseNum.data[0]?.yearOnYear > 0 ? '上升' : '下降') + Math.abs(res.criminalCaseNum.data[0]?.yearOnYear),
        hlPosition : "left:1606px,top:197px",
        link:'刑事案件'
      }
      updateDtQuestion(params);
    },
    //假私烟人均查获量
    updateDtQuestion108(res = {}){
      debugger;
      let params = {
        id: 'q108',
        d1: res.avgFakePersonNum.data[0]?.avgFakeNum,
        d2: (res.avgFakePersonNum.data[0]?.yearOnYear > 0 ? '上升' : '下降') + Math.abs(res.avgFakePersonNum.data[0]?.yearOnYear),
        hlPosition : "left:1606px,top:197px",
        link:'假私烟'
      }
      updateDtQuestion(params);
    },
    //电子烟销售情况
    updateDtQuestion109(res = {}){
      debugger;
      let params = {
        id: 'q109',
        d1: res.saleStat.data[0]?.prov_sale_amt_y,
        d2: res.saleStat.data[0]?.prov_sale_qty_y,
        d3: res.saleStat.data[0]?.prov_sale_qty_y_rank,
        hlPosition : "left:1606px,top:517px",
        link:'电子烟'
      }
      updateDtQuestion(params);
    },
    //电子烟案件情况
    updateDtQuestion110(res = {}){
      debugger;
      let params = {
        id: 'q110',
        d1: res.data9.caseNum.data[0]?.num,
        d2: res.data9.caseNum.data[0]?.yearOnYear,
        d3: res.data16.ecigarVal.data
            .reduce((pre, cur) => pre + cur.num, 0)
            .toFixed(2),
        d4: res.data9.xsCaseQty.data[0]?.num,
        hlPosition : "left:1606px,top:517px",
        link:'电子烟'
      }
      updateDtQuestion(params);
    },
    //电子烟案件情况
    updateDtQuestion111(res){
      let params = {
        id: 'q111',
        d1: res.warnNumYearonyear.data[0]?.num,
        d2: res.warnNumYearonyear.data[0]?.handle_per,
        hlPosition : "left:1356px,top:878px",
        link:'预警'
      }
      updateDtQuestion(params);
    },
    //电子烟案件情况
    updateDtQuestion112(res = {}){
      let ranking = res.data22[0]?.in_ranking - res.data22[0]?.last_in_ranking;
      let params = {
        id: 'q112',
        d1: res.data20[0]?.cigarNum,
        d2: res.data20[0]?.yearOnYear,
        d3: res.data22[0]?.in_ranking,
        d4: (ranking > 0 ? '上升' : '下降') + Math.abs(ranking),
        hlPosition : "left:1089px,top:878px",
        link:'查获量'
      }
      updateDtQuestion(params);
    },
    //电子烟案件情况
    updateDtQuestion113(res = {}) {
      let ranking = res.data22[0]?.out_ranking - res.data22[0]?.last_out_ranking;
      let params = {
        id: 'q113',
        d1: res.data19[0]?.cigarNum,
        d2: res.data19[0]?.yearOnYear,
        d3: res.data22[0]?.cigarNum,
        d4: (ranking > 0 ? '上升' : '下降') + Math.abs(ranking),
        hlPosition: "left:1089px,top:878px",
        link: '流出量'
      }
      updateDtQuestion(params);
    }
  },
  beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer); // 在Vue实例销毁前，清除定时器
    }
  },
  loadMore() {},

};
</script>

<style lang="scss" scoped>
@import "../../assets/scss/qjzl.scss";
// .xzxk-linethr {
//   ::v-deep .el-progress-bar {
//     padding-right: 18px !important;
//   }
//   ::v-deep .el-progress__text {
//     display: none;
//   }
//   ::v-deep .el-progress-bar__outer {
//     background-color: #00deec33 !important;
//   }
// }
.retail-format {
  width: 100%;
  height: 200px;
  position: relative;
  .lm-top {
    width: 100%;
    height: 25px;
    background: url(../../assets/qjzl-new/xzxk/lsyt-title.png);
    background-size: 100% 100%;
  }
  .lm-center {
    position: relative;
    width: 100%;
    height: 188px;
    margin: 0 auto;
    // background: url(../../assets/scjg-new/lsyt/bg.png);
    background-size: 100% 100%;
    background-origin: border-box;
    padding: 10px 10px 0 10px;
    .intro1 {
      position: absolute;
      top: 100px;
      z-index: 1000;
    }
    .intro2 {
      position: absolute;
      top: 130px;
      z-index: 1000;
    }
    .intro3 {
      position: absolute;
      top: 150px;
      z-index: 1000;
    }
    .intro4 {
      position: absolute;
      top: 105px;
      left: 230px;
      z-index: 1000;
    }
    .intro5 {
      position: absolute;
      top: 130px;
      z-index: 1000;
    }
    .intro6 {
      position: absolute;
      top: 150px;
      left: 100px;
      z-index: 1000;
    }
  }
}
.credit-supervision {
  width: 100%;
  height: 270px;
  //   margin-top: 23px;

  .credit-supervision-item {
    width: 100%;
    height: 236px;
    margin-top: -7px;
    background: url(../../assets/regulation/cs-bg.png);
    background-size: 100% 100%;
    background-origin: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;

    .cs-list {
      box-sizing: border-box;
      display: flex;
      justify-content: space-around;
      padding: 0 20px;
    }
  }
}
@keyframes ball {
  0% {
    left: 0;
  }
  50% {
    left: 20px;
  }
  100% {
    left: 0;
  }
}
.bolldiv {

  img {
    position: relative;
    transform: rotate(90deg);
    animation-name: ball;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
  }
}
</style>
